Make dropdown arrow follow width of <select>

kopat3

New Member
So I was wondering, if you have this code for a dropdown menu:HTML:\[code\]<select class="dropdownMenu"> <option>Item 1</option> <option>Item 2</option> <option>Item 3</option></select>\[/code\]CSS:\[code\].dropdownMenu{width:40px;height:40px;}\[/code\]
  • The dropdown arrow follows the height of the \[code\]<select>\[/code\] element, but is it possible to stretch the arrow to follow the width, so that the 40px*40px \[code\]<select>\[/code\] only shows as an "dropdown arrow button" ?
 
Back
Top