css - How to get rid of text form borders in Chrome and Firefox? -
i have created text forms in html , css , appear working fine in safari, in firefox , chrome have looks 1 2px white border around them. default browser styling? how rid of it?
here css reference....
.forms input[type="text"] { display:block; margin: 0 auto; margin-bottom: 10px; background-color:#3a3a3a; color: white; padding-right:30px; font-family:inherit; text-transform:uppercase; font-size:14px; height:50px; width:540px; } .shortforms input[type="text"] { display:inline-block; margin: 0 auto; margin-bottom: 10px; background-color:#3a3a3a; color: white; font-family:inherit; text-transform:uppercase; font-size:14px; height:50px; width:242px; }
it page black background , text fields light shade of grey white placeholder text.
thanks in advance help!
try adding
fieldset { border: 0px; }
to css.
Comments
Post a Comment