HTML CSS examples for CSS Widget:Image Text
Display an image instead of the selected text in a <select> input
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> select {<!--from w ww .j a va 2 s . c om--> width:501px; height:35px; padding:11px; } select.new { border-radius:0px; border:2px solid Chartreuse; box-shadow:none; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; padding-right:25px; background:url('https://www.java2s.com/style/demo/Google-Chrome.png') 98.6% 0px no-repeat yellow; } </style> </head> <body> <select class="new"> <option>Lor</option> <option>Lor</option> </select> </body> </html>