#css #drop-down-menu
Вопрос:
я очень новичок в этом и учусь по мере того, как строю! На странице моего магазина все выпадающие меню прозрачны, поэтому текст трудно прочитать,
https://pocketcardgrading.co.uk/product/professor-oni-water-colour-painting/ мне удалось отредактировать его с помощью инспектора, но я не могу понять, какой идентификатор css необходим для его реализации
<select id="professor-oni-painting" class="hasCustomSelect" name="attribute_professor-oni-painting" data-attribute_name="attribute_professor-oni-painting" data-show_option_none="yes" style="appearance: menulist-button; width: 451px; position: absolute; opacity: 0; height: 34px; font-size: 14px;"
это то, что я использовал для редактирования непрозрачности, любая помощь будет очень признательна!
Ответ №1:
Я вижу, что вы используете opacity: 0 это, чтобы сделать ваш текст прозрачным, а также контейнер, поэтому вам нужно опустить это и сделать цвет фона контейнера таким же, как на сайте, см. Скриншот
Комментарии:
1. спасибо, я могу сделать это в инспекторе, я просто не могу понять, как переключить его с помощью css, я думал, что это будет что-то вроде » внешний вид: кнопка меню {непрозрачность: 1 }»
2. в опубликованном вами примере кода есть
opacityсвойство, вы можете просто изменить эти стили, чтобы они были тем, что вы можете сделать в инспекторе специальноhtml style="appearance: menulist-button; width: 451px; position: absolute; background-color: red; color: white; font-weight: bold; height: 34px; font-size: 14px;"3. извините, что это звучит очень глупо, так как я только начал, я действительно знаком только с внесением изменений с помощью пользовательского css в редакторе wordpress, как бы я это реализовал? спасибо, что уделили мне время
4. не совсем уверен, как wordpress справляется с этим, но если у вас есть доступ к css-файлам, просто найдите эти стили и отредактируйте их