Forums

andreea115

Hi everyone

i used the CSS Code below to remove the border colour from the imput tag so that i could replace it with a background image; it works perfectly in all the browers accept Google Crome.

is there a specific code that i need to use for Google Crome.

My Code:

contactform .imputbox input :

  font-family:Arial, Helvetica, sans-serif;
font-weight:800; 
  width: 363px; 
  height: 39px;
  font-size: 14p;
   border : none;
  background:transparent;

thanks in advance for your help everyone.

warmest regards

Andreea

ChrisP

@andreea115 Do you have a link? I'm not sure if I understand your question

Senff

Not sure if it's also the case in your actual site, but you wrote "imputbox" there (instead of "inputbox") maybe that's why you don't see anything happening.

Other than that, the styles that you posted should definitely remove the border from the input box in Chrome.

andreea115

Hello again ChrisP and hello Senff

let me have a quick look and get straight back to both of u. if its still not working, i will use codepen to post the problem.

warmest regards

Andreea

ChrisP

@andreea115, the other thing I can think of that you may be talking about is the orange outline that Chrome gives input fields when focused..

.inputbox input:focus { outline: none; } should fix that

andreea115

hello ChrisP

wow. that was it. thank u so much. brilliant.

i am relieved.

Thanks again for helping me out.

warmest regards

Andreea

treehouse : what would you like to learn today?

Forums

[Solved] How do u remove the border properties for imput tag in Google Crome

contactform .imputbox input :