I am writin开发者_JAVA百科g a small web app, in which clicking a button slides down (jquery) a form that has a text input and a textarea.
The problem is that when the form slides down, the border of the textarea is invisible! The border appears only when it gets focus, and stays thereon. It stays visible even after it has lost focus since then.
What could the bug be? Is it documented?
CSS for that textarea:
#other-addresses textarea {
border: 1px solid #BBBBBB;
clear: left;
font-size: 16px;
height: 80px;
padding: 3px;
width: 350px;
}
input, textarea, button {
font-family: 'Droid Sans',sans-serif;
}
PS: I have to consider IE6 compatibility too: it is built for an Indian audience, and in India, we still have 10% IE6 share :(
PS: I do have a workaround: when the slide down completes, I have javascript focus()
and blur()
that textarea quickly. But I'm more interested in the root cause :)
In cases where some Javascript updates the DOM or style settings. You can force your css style to be more important that what the Javascript/jQuery.
textarea
{
border:solid 1px black!important;
}
To check if it will work in your case we would need you to post your code or a link to an example page.
精彩评论