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

Popular posts from this blog

css - SVG using textPath a symbol not rendering in Firefox -

Java 8 + Maven Javadoc plugin: Error fetching URL -

node.js - How to abort query on demand using Neo4j drivers -