2011-03-15, 04:30:57
Some weird behavior in Firefox, when I have a filter text box (on a improved I18N pages page) like:
When it gets the focus it changes to a simple square box (from the rounded one).
Culprit seems to be the background-image and border in:
Removing background-image and border shows the expected behavior - the input does not change, but is merely highlighted.
Code:
<div class="edit-nav">
<p>Filter: <input type="text" class="text" id="filter" value=""/></p>
</div>
When it gets the focus it changes to a simple square box (from the rounded one).
Culprit seems to be the background-image and border in:
Code:
input.text:focus, ... {
-moz-box-shadow: 0 0 6px rgba(0,0,0,0.15);
background-image: none;
border: 1px solid #666666 !important;
outline: medium none;
}
Removing background-image and border shows the expected behavior - the input does not change, but is merely highlighted.