Run
<!doctype html> <html lang="en"> <head> <title>CSS Style a Select Dropdown Box</title> <style> body{ padding: 20px; } select.mySelect{ background: #20d492; color: #fff; padding: 0 10px; font-size: 22px; } select.mySelect option{ color: #000; padding: 0 10px; } </style> </head> <body> <strong>Default dropdown</strong><br><br> <select> <option>Select Your Option</option> <option value="India">India</option> <option value="US">US</option> <option value="UK">UK</option> <option value="Canada">Canada</option> <option value="Germany">Germany</option> </select><br><br> <strong>Dropdown after styling</strong><br><br> <select class="mySelect"> <option>Select Your Option</option> <option value="India">India</option> <option value="US">US</option> <option value="UK">UK</option> <option value="Canada">Canada</option> <option value="Germany">Germany</option> </select> </body> </html>
Go to
Tutorialdeep Homepage