Я пытался использовать "контур: 0", но это ничего не меняет.
#input_field {
outline: 0;
width: fit-content;
margin: auto;
margin-top: 20%;
border-radius: 30px;
border: 2px solid turquoise;
padding: 6px;
}
<div id="input_field">
<input type="text" name="q" size="50">
</div>
Мне все еще нужно наброски для других входов.
ОБНОВЛЕНО :
.lucky_pos, .button_search_pos{
text-align: center;
padding:1px;
margin: 0;
flex-direction: row;
}
Так как я не хочу, чтобы другие обновлялись, вот .css относительно других. Схема должна только применяться к полю #input_. Заранее спасибо!
3 ответа
Вы можете сделать что-то вроде этого:
#input_field {
width: fit-content;
margin: auto;
margin-top: 20%;
border-radius: 30px;
border: 2px solid turquoise;
padding: 6px;
}
.OutlineNotNeeded {
border: none;
}
.OutlineNotNeeded:focus {
outline: 0;
}
<div id="input_field">
<input type="text" class="OutlineNotNeeded" name="q" size="50">
</div>
Вам нужно удалить контур на input
в фокусе.
#input_field > input:focus {
outline:none;
}
Чтобы удалить границу (которая может вас обмануть, потому что она выглядит так же, как контур и всегда будет оставаться там даже в фокусе, если вы ее не удалите), вы можете добавить:
#input_field > input {
border:none;
}
Если вы пытаетесь увидеть границу только во время фокусировки, вы можете перейти:
#input_field > input {
border:none;
}
#input_field > input:focus {
border:1px solid #000;
}
Вам просто нужно поместить другой класс или идентификатор для входного тега, чтобы контур был в фокусе / не в фокусе. Состояние фокуса - это действие, выполняемое при нажатии кнопки ввода.
input.showoutline:focus{
outline: color type size;
}
input.hideoutline:focus{
outline: 0;
}
<input class="showoutline"/>
<input class="hideoutline"/>
Новые вопросы
html
HTML (язык разметки гипертекста) - это язык разметки для создания веб-страниц и другой информации, отображаемой в веб-браузере. Вопросы, касающиеся HTML, должны включать минимальный воспроизводимый пример и некоторое представление о том, чего вы пытаетесь достичь. Этот тег редко используется отдельно и часто используется вместе с [CSS] и [javascript].