Select tag: Hide native arrows of IE 10, 11 in CSS / CSS로 Select 태그의 네이티브 화살표 숨기기
Hide native arrows of IE 10, 11 in CSS /* IE 10, 11의 네이티브 화살표 숨기기 */ select::-ms-expand { display: none; } /*select 태그 네이티브 화살표 숨기기*/ select { appearance: none; -webkit-appearance: none; -moz-appearance: none; } code practice ------------------------------------------------ <!DOCTYPE html> <html> <head> <style> /* IE 10, 11의 네이티브 화살표 숨기기 */ select::-ms-expand {display: none;} .favcity-wrapper {position:relative;} .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; padding: 0; position: absolute; } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; width:100%;} label[for=favcity] { position: relative; display: block; } label[for=favcity] select { border: 5px solid #000; background: white; padding: 7px 20px 7px 20px; width: 100%; font-size: 16px; ...