今天遇到一个奇葩的问题ie浏览器的
我采用的是select+option组合的模块,在其他的浏览器都正常的
用css中的 appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
来取消掉select的默认的样式可是在ie上不行,选择完成后会出现蓝色背景
<select class="native-phone-code-select" name="nativePhoneCodeSelector" data-spm-anchor-id="a2107.1.0.i0.20d511d9t6YL0v"><option value="{"areaName":"中国大陆","checkKey":"^(86){0,1}1\d{10}$","countryCode":"CN","phoneCode":"86"}">+86 中国大陆</option><option value="{"areaName":"中国香港","checkKey":"^(00){0,1}(852){1}0{0,1}[1,5,6,9,4](?:\d{7}|\d{8}|\d{12})$","countryCode":"HK","phoneCode":"852"}">+852 中国香港</option><option value="{"areaName":"中国澳门","checkKey":"^(00){0,1}(853){1}6\d{7}$","countryCode":"MO","phoneCode":"853"}">+853 中国澳门</option><option value="{"areaName":"中国台湾","checkKey":"^(00){0,1}(886){1}0{0,1}[6,7,9](?:\d{7}|\d{8}|\d{10})$","countryCode":"TW","phoneCode":"886"}">+886 中国台湾</option><option value="{"areaName":"韩国","checkKey":"^(00){0,1}(82){1}0{0,1}[7,1](?:\d{8}|\d{9})$","countryCode":"KR","phoneCode":"82"}">+82 韩国</option><option value="{"areaName":"日本","checkKey":"^(00){0,1}(81){1}0{0,1}[7,8,9](?:\d{8}|\d{9})$","countryCode":"JP","phoneCode":"81"}">+81 日本</option><option value="{"areaName":"美国","checkKey":"^(00){0,1}(1){1}\d{10,12}$","countryCode":"US","phoneCode":"1"}">+1 美国</option><option value="{"areaName":"加拿大","checkKey":"^(00){0,1}(1){1}\d{10}$","countryCode":"CA","phoneCode":"1"}">+1 加拿大</option><option value="{"areaName":"英国","checkKey":"^(00){0,1}(44){1}[347-9](\d{8,9}|\d{11,12})$","countryCode":"GB","phoneCode":"44"}">+44 英国</option><option value="{"areaName":"澳大利亚","checkKey":"^(00){0,1}(61){1}4\d{8,9}$","countryCode":"AU","phoneCode":"61"}">+61 澳大利亚</option></select>