Полная ширина поля ввода в инлайн-блоке не работает

Question

Проблема: image.png

В раскрывающемся меню отображается «Выберите вариант», как в поле, выходящем из текстовой области. Я провел небольшое исследование, и это проблема CSS, и следовал инструкциям.

Я щелкаю правой кнопкой мыши «Выбрать вариант» и нажимаю «проверить», как показано ниже:

Выделенный код - это место ошибки, и если я изменю «ширину» в коде на «150 пикселей» или «Авто», то опция будет выглядеть точно так, как показано ниже

Это необходимо добавить в пользовательский код CSS на моей вкладке WordPress Custom CSS, что я сделал, как показано ниже

Но он не меняется после того, как я нажму Publi sh. Это мой глюк. Я не уверен, что делаю не так. Возможно, я неправильно выбираю класс CSS.

Answer 1

Вы должны были проверить элемент, чтобы быть уверенным, но я предполагаю, что по какой-то причине wordpress инициализирует встроенный стиль элемента равным 36px. Это перезаписывает стиль класса (подробнее о css приоритетах можно прочитать здесь ).

В качестве простого решения вы можете использовать правило important!. Следует с осторожностью использовать его только тогда, когда это действительно необходимо (подробнее о можно прочитать здесь ).

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