0
我已經實現了自定義的多選和單選框中這樣CSS自定義複選框,並定製單選框
https://jsfiddle.net/Lqfty04x/
input[type=radio]:checked + label:before {
content: "\2022";
color: #AD7471;
font-size: 35px;
text-align: center;
line-height: 16px;
}
input[type=checkbox]:checked + label:before {
content: "\2713";
font-size: 17px;
font-weight:bold;
color: #AD7471;
text-align: center;
line-height: 100%;
}
的問題是,單選框內的點和蜱的複選框內是不是垂直對齊的中心,它可以在桌面上正常工作,但在移動設備上,它會下降,
花了一些時間,並懷疑它是由於行高,它不穩定,找不到一個數字適用於所有情況
如何解決?提供jsfiddle,隨時隨地玩。
感謝
'線height' =='height' ... https://jsfiddle.net/Lqfty04x/1/ – DaniP
試好。但複選框不是veritcal對齊中心。此外,單選按鈕的點似乎不是水平對齊(略右)。你會介意看看 – user782104
https://jsfiddle.net/Lqfty04x/2/ ...只是改變複選框的行高,「似乎」錯過了,但它的中心 – DaniP