Show Output
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Increase Select Box Size on Focus</title> <style> select { width: 150px; margin: 10px; } select:focus { min-width: 150px; width: auto; } </style> </head> <body> <form> <select> <option>Choose</option> <option>This option is large</option> <option>This option is very large</option> <option>This option is very very large</option> <option>This option is very very very large</option> </select> <select> <option>Choose</option> <option>This option is large</option> <option>This option is very large</option> <option>This option is very very large</option> <option>This option is very very very large</option> </select> </form> </body> </html>
