how to remove textbox outline in Opera

Question

I tested the below code but gain no success:

enter image description here

input[type="text"]:focus, input[type="password"]:focus {
    outline:none;
    -moz-transition: box-shadow 0.3s ease-out 0s;
    background-clip: padding-box;
    border: 1px solid #B6B6B6;
    border-radius: 3px 3px 3px 3px;
    color: #404040;
    font-size: 16px;
    height: auto;
    line-height: 16px;
    padding: 10px;
}

Is there something here I'm missing?

score 2 · Accepted Answer · answered Apr 26 '12 at 23:02

2

Opera applies a yellow outline to form inputs that have saved login information. I don't think it is possible to override it with CSS.

answered Apr 26 '12 at 23:02

alpenglow

88
3

Great, that was a login textbox. actually other texyboxes does not have problem now. – Alireza Apr 27 '12 at 01:38

score 0 · Answer 2 · answered Apr 26 '12 at 04:23

0

Instead of using outline:none; try using border:0; given outline:none ll create cross-browser problem...

answered Apr 26 '12 at 04:23

lakshmi priya

159
11

I use border to give style to my textbox, I can't remove it. – Alireza Apr 26 '12 at 04:26
In which browser are u getting problem – lakshmi priya Apr 26 '12 at 04:30
As I said in the question title: Opera – Alireza Apr 26 '12 at 04:31
did u try outline-style:none; – lakshmi priya Apr 26 '12 at 04:49

score 0 · Answer 3 · edited Apr 26 '12 at 17:29

0

add this in your css which u are using

textarea:focus {
 outline-width: 0;
}

edited Apr 26 '12 at 17:29

brian d foy

129,424
31
207
592

answered Apr 26 '12 at 04:50

Sharique Ansari

1,458
1
12
22

score 0 · Answer 4 · answered Jun 16 '14 at 10:20

0

for me it worked with that addition on Opera/Safari/Chrome

input:focus {
  outline: 0 none;
}

answered Jun 16 '14 at 10:20

Kris

567
3
11
25

how to remove textbox outline in Opera

4 Answers4

Linked