scss 选择框简易スタイル（IE9以下はデフォルト）

Posted 2021-05-18

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了scss 选择框简易スタイル（IE9以下はデフォルト）相关的知识，希望对你有一定的参考价值。

select {
	appearance: none;
	border: 1px solid #abadb3;
	border-radius: 2px;
	padding: 7px 40px 7px 12px;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAA0klEQVQ4T63U6w3CMAwE4LtFWK2JBGULELAELylZjS5i5KqqaJtXG/w30Sc7OZnW2r1z7o0/lFo0xnxIeufcuca01l5ExPQggB3J61Z0wE4AuhHU7ragP5gSU3AtOsPCYCkawOJgDo1gaTCGJrA8OEczWBk4ZPNGUkREo5Gqjk3TtCTvmpqaYAMQAMceMcYcADwq0B7z3r/GrirQEevf/HfMDegEW4Arx19gQbAQDWJRUA90t4nIM/BRUSwJRtAklgVnqK63Nrfdi8Ks4yuew/TOF4QYpCqtK3cmAAAAAElFTkSuQmCC");
	background-size: 10px;
	background-repeat: no-repeat;
	background-position: right 14px center;

	background: none\9;
	padding: 7px 10px 7px 12px\9;
	@media all and (-ms-high-contrast: none) {
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAA0klEQVQ4T63U6w3CMAwE4LtFWK2JBGULELAELylZjS5i5KqqaJtXG/w30Sc7OZnW2r1z7o0/lFo0xnxIeufcuca01l5ExPQggB3J61Z0wE4AuhHU7ragP5gSU3AtOsPCYCkawOJgDo1gaTCGJrA8OEczWBk4ZPNGUkREo5Gqjk3TtCTvmpqaYAMQAMceMcYcADwq0B7z3r/GrirQEevf/HfMDegEW4Arx19gQbAQDWJRUA90t4nIM/BRUSwJRtAklgVnqK63Nrfdi8Ks4yuew/TOF4QYpCqtK3cmAAAAAElFTkSuQmCC");
		background-size: 10px;
		background-repeat: no-repeat;
		background-position: right 14px center;
		padding: 7px 40px 7px 12px;
	}
	&::-ms-expand {
		display: none;
	}
}

以上是关于scss 选择框简易スタイル（IE9以下はデフォルト）的主要内容，如果未能解决你的问题，请参考以下文章

python 蟒蛇のデフォルトファイル

c_cpp デフォルトUnity ComputeShader

html 网络フォント読み込み遅延时デフォルトフォント表示

css フォームのデフォルトレイアウトをリセットする

markdown ActiveRecord的にデフォルト値を设定する