Как убрать линии у тега select?

Question

[Ale9292]

каким образом можно убрать эти линии по бокам и есть ли возможность, то и заменить текст.
Появились после обновления плагина Contact Form 7.
Пробовал разные варианты, но без результата.

spoiler

Comments

[Максим]

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

Возможно, там замешаны after/before

[Ale9292]

Максим, попробовал, но к сожалению ничего не помогло

[Максим]

Ale9292, ну я не могу точно сказать не видя сайт, скиньте на какой не будь хостинг и сюда поместите ссылку

Answer 1

[Антон Романков]

document.querySelectorAll('select option:first-child').forEach(option => {
    option.textContent = option.textContent.replaceAll('—', '') // убрать полоски
    option.textContent = 'Новый текст'
})

+ убрать стили padding и text-align у select'a, чтобы по центру отображалось

spoiler

Comments

[Ale9292]

Благодарю! Очень помогли!