3

I'm working on a version of the main website for mobile devices. I'm trying to remove the orange border from input text fields...

I tried so far this: -webkit-tap-highlight-color: rgba(255, 255, 255, 0);, outline:none; and border:0px !important.. and it just works for Chrome desktop not Android.

Note that I'm NOT working on an App so I wouldn't be able to use the EditView thingy..

Will appreciate any answer even if it is not possible..

Aduait Pokhriyal
  • 1,529
  • 14
  • 30
Taly Emmanuela
  • 205
  • 3
  • 9

2 Answers2

1

Short answer, you can't. The only hack is to make the objects something other than href-links or input buttons. But nothing you do in CSS will override this. It's annoying.

For everything else, use this:

-webkit-tap-highlight-color:rgba(0,0,0,0);

kaleazy
  • 5,922
  • 2
  • 47
  • 51
0

This CSS works for me:

*:focus  
{  
    outline: none;  
}
klonitklonit
  • 319
  • 4
  • 12