Дублированный CSS границы
У меня в html есть fildset. Он уже идет с рамкой по умолчанию, но я пытался сделать ее менее ужасной.
Все идет хорошо, кроме border-color.
В первый раз, когда я применил, я не понял, что моя граница была "дублированный".
Затем, увидев другие компоненты того же цвета, я увидел, что моя граница fildset не того цвета.
Это мой css:
.tabelaConclusao{
border-radius: 10px;
border-color: #a6c9e2;
}
PS: Мой CSS выглядит точно так же, когда я использую инструменты разработчика Chromes.
PPS: На изображении я просто изменяю ширину границы, чтобы она стала больше, чем вы можете лучше понять, о чем я говорю.
Пожалуйста, создайте минимальный воспроизводимый пример, показывающий вам html и css, который воссоздает вашу проблему
Похоже на границу inset для меня
Это граница groove или ridge. Я забыл, что именно.
@ CBroe Facepalm. Оно работает. Тай !!
Ответы 2
Просто используйте border-style: solid;, и он будет работать.
По умолчанию для Fieldset border-style установлено значение groove.
Вы можете использовать однострочное объявление:
border: 10px solid #a6c9e2;
Смотрите отрывок:
fieldset{
border-radius: 10px;
border-color: #a6c9e2;
border-style: solid;
}<!DOCTYPE html>
<html>
<body>
<form>
<fieldset>
<legend>Personalia:</legend>
Name: <input type = "text"><br>
Email: <input type = "text"><br>
Date of birth: <input type = "text">
</fieldset>
</form>
</body>
</html>Изменить стиль границы
Свойство border-style устанавливает стиль четырех границ элемента. Это свойство может иметь от одного до четырех значений.
Форма
div {
border-width:5px;
border-style:groove;
}
К
div {
border-width:5px;
border-style:solid;
}
Вы хотите указать другой
border-style...