Как управлять оранжевой подсветкой вокруг элементов управления вводом HTML в веб-браузере Android? - PullRequest
2 голосов
/ 29 марта 2012

В веб-браузере Android (я вижу это на Android 2.3) при касании ввода Html, такого как радио или флажок, отображается короткая оранжевая подсветка (см. Прилагаемое изображение). Я не вижу такого же выделения на настольном Chrome или других браузерах.

Могу ли я в любом случае контролировать эту подсветку? Могу ли я изменить его с помощью CSS или Javascript?

enter image description here

Ответы [ 2 ]

2 голосов
/ 29 марта 2012

Вы можете установить для свойства -webkit-tap-highlight-color значение rgba с 0 alpha, чтобы отключить все это.

Вот небольшая тестовая страница, которую вы можете попробовать.Я только что проверил это на Android 4.0.3, но оно было взято из более ранних вещей, которые я делал в 2.3.3.

Надеюсь, это поможет!

<!DOCTYPE html>  
<html lang="en">  
    <head>  
        <meta http-equiv="Content-Type" content="text/html" charset="utf-8">  
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1">  
        <title>Android Test Select</title>  
        <base href="" />  
        <style>  
            .no-hi {  
                -webkit-tap-highlight-color: rgba(255, 255, 255, 0);  
            }  
        </style>  
    </head>  
    <body>  
        <form>  
            <input type="radio" name="highlight" value="these" /> These<br />  
            <input type="radio" name="highlight" value="should" /> Should<br />  
            <input type="radio" name="highlight" value="highlight" /> Highlight  
            <hr/>  
            <input type="radio" name="no-highlight" value="these" class="no-hi" /> These<br />  
            <input type="radio" name="no-highlight" value="should" class="no-hi" /> Should<br />  
            <input type="radio" name="no-highlight" value="not" class="no-hi" /> Not  
        </form>  
    </body>  
</html>
0 голосов
/ 29 марта 2012

Может быть?

input { outline: none; }

или, возможно, лучше в фокусе

input:focus { outline: none; }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...