更改选择框占位符的字体粗细

时间:2018-09-02 19:30:49

标签: html css css3

是否只能通过 CSS 更改选择框占位符字体粗细? 我试图在具有不同webkit前缀的不同浏览器上进行更改,但stil找不到解决方案。 我只有 CSS 访问权限。

我要实现的目标(仅字体粗细

发件人:

enter image description here

收件人:

enter image description here

CSS:

.form > div.Content.ui-widget-content.ui-tabs-panel.PassengerDetailsTableBack > div:nth-child(2) > div > div > div > div.fn_birthdate > div > div.col-xs-3 > select::-webkit-input-placeholder,
.form > div.Content.ui-widget-content.ui-tabs-panel.PassengerDetailsTableBack > div:nth-child(2) > div > div > div > div.fn_birthdate > div > div.col-xs-3 > select::-moz-placeholder,
.form > div.Content.ui-widget-content.ui-tabs-panel.PassengerDetailsTableBack > div:nth-child(2) > div > div > div > div.fn_birthdate > div > div.col-xs-3 > select:-ms-input-placeholder,
.form > div.Content.ui-widget-content.ui-tabs-panel.PassengerDetailsTableBack > div:nth-child(2) > div > div > div > div.fn_birthdate > div > div.col-xs-3 > select:-o-input-placeholder{
    font-weight: 400!important;
}

1 个答案:

答案 0 :(得分:0)

::-webkit-input-placeholder { font-weight: 400!important; }
::-moz-placeholder { font-weight: 400!important; } /* firefox 19+ */
:-ms-input-placeholder { font-weight: 400!important; } /* ie */
input:-moz-placeholder {font-weight: 400!important; }

尝试一下,让我知道结果如何