Grow your CSS skills. Land your dream job.

background-color of text input fields

  • # December 18, 2011 at 5:43 am

    When I put the following code into my css file:
    input {
    background-color:transparent;
    }
    Chrome still makes the text-input fields yellow. ( hex-code: #faffbd)
    However, it becomes transparent at the onfocus event
    It also stays transparent after the onblur event, unless there are 2 text-input fields in the form.
    The second one gets the yellow background again when I focus on the first input field.

    Is there some solution to change this behaviour ?

    # December 18, 2011 at 5:46 am

    Add this little piece of code and it should solve your problem.

    input:focus {outline: none;}
    # December 18, 2011 at 5:52 am

    thx kgscott284 but i mean pale yellow background which come when it is auto complete

    # December 18, 2011 at 6:15 am

    Ahhh, yes…I misunderstood your issue…Glad you found a fix!

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

You must be logged in to reply to this topic.

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