У меня есть класс css:
input {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
border: 1px solid #003399;
}
Что работает для большей части того, что я хочу, но теперь мне нужно иметь флажок, который не имеет этой границы, в то время как остальные элементы ввода на странице продолжают применять границу.
Поэтому я создал дополнительный класс css:
input[type="checkbox"]
{
border: none;
}
Это прекрасно работает с FireFox и Chrome, но не с 8, когда я использую инструменты для разработчиков, то есть для проверки элемента, который я вижу, оба стиля были подобраны, но это только тогда, когда я снимаю флажок напротив стиля ввода граница исчезает для флажков.
Это значение по умолчанию:
И вот что я делаю, чтобы избавиться от границы: