In Opera, the button on the enter button disappears when the text field becomes active, how can I prevent this?

I am trying to create a submit button in Wordpress search widgets, but Opera is giving me problems.

I set a 1px solid border on the button, and it seems fine until the text input is activated, then the border on the button disappears (or turns black, I can’t say).

This does not happen in firefox, where the button is displayed the same way, even if the text field is activated.

This is the css that I have now:

li.widget_search #searchform #searchsubmit
{
    height: 24px !important;
    border-color: #ff9900;
    border-width:1px;
    border-style: solid;
    background-color: #201300;
    font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
    font-size: 11px;
    letter-spacing: 1px;
    color: #FFB100;
    padding: 0px 3px 0px 3px;
    overflow: hidden;

}

li.widget_search #searchform #searchsubmit:active
{
    border: 0px;
}
+3
source share
3 answers

Opera. , , ( , ). , CSS.

, : .

Try...

a.button:active { border:0px; }
+1

: , Opera (). Opera, :

<input type="submit" value="Go" style="display:none;" id="WorkaroundForOperaInputFocusBorderBug" />
<input type="submit" value="Go" />

, , , Opera . !

0

button input,

<button type="submit">Submit</button> 

Opera.

0

All Articles