Переопределение стиля ввода текста в Chrome UA - PullRequest
Новая
       11

Переопределение стиля ввода текста в Chrome UA

0 голосов
/ 20 февраля 2012

Таким образом, в Chrome вводятся текстовые поля, например 2px inset. Что у меня есть: 

.search-form p input[type=text] {    
    width: 170px;        
}

, в то время как .search-form: 

.search-form {
    width: 174px;    
    padding: 10px;
    border: 1px solid #F2E1D5;
}

Как мне проверить, является ли это Chrome UA или иным образом, как переопределить правило?

1 Ответ

1 голос
/ 20 февраля 2012

Таблица стилей по умолчанию для Chrome, относящаяся к входам, выглядит следующим образом: 

input, input[type="password"], input[type="search"], isindex {
    -webkit-appearance: textfield;
    padding: 1px;
    background-color: white;
    border: 2px inset;
    border-image: initial;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;
    cursor: auto;
}

input, textarea, keygen, select, button, isindex {
    margin: 0em;
    font: -webkit-small-control;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    line-height: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: -webkit-auto;
}

Итак, просто переопределите те со своими собственными свойствами. Предположительно, вы хотите, чтобы все выглядело одинаково везде, поэтому просто стилируйте границы так, как вам нравится.

...