Проблема WordPress css - границы не отображаются

#html #css #wordpress #border

#HTML #css #wordpress #граница

Вопрос:

Я работаю над страницей в Word press. Кнопки темы — это не то, что я искал, поэтому я решил создать собственные. Я думал, что это будет просто:

<button type="button" class="btn menu-button">BUY</button>

и css:

 .btn{
    font-size: large;
    background: transparent;
    border: solid;
}

Итак, вот где возникает моя проблема.
Часть кода css работает нормально (например, размер шрифта), но границы не отображаются, несмотря ни на что. Я думал, что проблема заключается в самом теге button, но после дальнейших исследований я заметил, что это происходит для каждого элемента html на моей странице, независимо от div, p, H — стилизация границ не работает ни с выбором цвета, ни с размером, стилем и т. Д.

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

Я использую WP 5.5.3 с настраиваемой темой. Я поместил css сверху на вкладку custom css.

1. может быть, у вас есть border: none где-то в вашей теме, которая переопределяет ваш собственный css? Вы проверили это?

2. В инструментах разработчика вашего браузера посмотрите на стиль, который фактически используется кнопкой, и вы сможете увидеть, где в CSS граница снимается. Это может быть, например, тема, использующая !важно, но может быть что-то еще.

3. граница: проблема не была, большое вам спасибо 🙂

Ответ №1:

Границы обычно требуют border-style , чтобы для работы любого из других свойств стилизации границ. Попробуйте заменить на:

 border-style:solid;

В качестве альтернативы, вы можете добавить их все в одну строку, что позволит вам опустить border-style , добавив что-то вроде:

 border: 1px solid black;