Grow your CSS skills. Land your dream job.

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

  • # January 23, 2013 at 10:02 am

    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

    # January 23, 2013 at 10:07 am

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

    # January 23, 2013 at 10:07 am

    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.

    # January 23, 2013 at 10:10 am

    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

    # January 23, 2013 at 10:15 am

    @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

    # January 23, 2013 at 10:24 am

    hello ChrisP

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

    i am relieved.

    Thanks again for helping me out.

    warmest regards

    Andreea

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".