Лучший ответ S.O. вокруг предикатов, которые я нашел, находится на дублирующийся вопрос.
подводя итоги, на естественных языках предикат является частью предложения, которая описывает предмет.
Jane высока
, Jane является предметом, и is tall
предикат.
В информатике мы не интересуемся утверждением факта о предмете, а скорее тестировании, если что-то - TRUE или FALSE.
jane.isTall();
Здесь jane является некоторым объектом с методом предиката, который возвратит любой TRUE или FALSE.
Возможно, возьмите границу + фон от входа
, и вместо этого заключите его в div
с рамкой + фон и шириной: 100%, и установите поле на входе
?
Один из вариантов - заключить INPUT
в DIV
с заполнением.
CSS:
div.formvalue {
background-color: #eee;
border: 1px solid red;
padding: 10px;
margin: 0px;
}
div.paddedInput {
padding: 5px;
border: 1px solid black;
background-color: white;
}
div.paddedInput input {
border: 0px;
width: 100%;
}
HTML:
<div class="formvalue">
<div class="paddedInput"><input type="text" value="Padded!" /></div>
</div>
Я не знаю, насколько он совместим с разными браузерами (работает в firefox и safari), но вы можете попробовать следующее решение:
DIV.formvalue {
padding: 15px;
}
input.input {
margin: -5px;
}
(Опубликованы только те значения, которые я изменил)
Единственное, что я знаю, чтобы предотвратить это, - это присвоить такие значения 100% -10. Но у него есть некоторые проблемы с совместимостью.