選択境界線を none に設定します。PC では問題ありませんが、モバイル ブラウザーや WeChat に配置すると境界線が表示されます
解決策:
1 appearance:none;2 -moz-appearance:none; /* Firefox */3 -webkit-appearance:none; /* Safari 和 Chrome */
外観使用メソッド :
1 .elmClass{2 -webkit-appearance: value;3 -moz-appearance: value;4 appearance: value;5 }
1 <p class="lookLikeAButton">我是一个段落P元素 </p>2 <p class="lookLikeAListbox">我是一个段落P元素 </p>3 <p class="lookLikeAListitem">我是一个段落P元素 </p>4 <p class="lookLikeASearchfield">我是一个段落P元素 </p>5 <p class="lookLikeATextarea">我是一个段落P元素 </p>6 <p class="lookLikeAMenulist">我是一个段落P元素</p>
http://www.w3school.comを参照してください。 cn/ cssref/ pr_Appearance.asp