.combobox { position: relative; } .combobox input { padding-right: 36px; } .combobox select { position: absolute; top: 0; right: 0; width: 32px; height: 100%; z-index: 2; opacity: 0; cursor: pointer; } .combobox .combobox-caret { position: absolute; z-index: 1; top: 0; right: 0; width: 32px; height: 100%; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="12" viewBox="0 0 9 12"><path fill="rgba(0, 0, 0, .4)" d="M0.722,4.823L-0.01,4.1,4.134-.01,4.866,0.716Zm7.555,0L9.01,4.1,4.866-.01l-0.732.726ZM0.722,7.177L-0.01,7.9,4.134,12.01l0.732-.726Zm7.555,0L9.01,7.9,4.866,12.01l-0.732-.726Z"/></svg>'); background-repeat: no-repeat; background-position-y: 50%; background-position-x: 50%; cursor: pointer; }