sopranolv Posted February 6, 2015 Share Posted February 6, 2015 Hello I have one problem,don't work select with this work's fine <select name="age" > <option value="18">18</option> <option value="19">19</option> </select> I have problem with this,how make to to function this code <div class='selectBox'> <span class='selected'></span> <span class='selectArrow'>▼</span> <div class="selectOptions" > <span class="selectOption" value="Option 1">Option 1</span> <span class="selectOption" value="Option 2">Option 2</span> <span class="selectOption" value="Option 3">Option 3</span> </div> </div> I hope that in the right section Link to comment https://forums.phpfreaks.com/topic/294440-html-select-style/ Share on other sites More sharing options...
kicken Posted February 7, 2015 Share Posted February 7, 2015 If you want to try and re-implement a select box then you'll have to use Javascript to actually make it functional. You cannot re-create a working select box using just HTML and CSS. What exactly are you trying to accomplish? Link to comment https://forums.phpfreaks.com/topic/294440-html-select-style/#findComment-1505138 Share on other sites More sharing options...
sopranolv Posted February 7, 2015 Author Share Posted February 7, 2015 i have javascript with second form dont import select data in db but first form work's fine Link to comment https://forums.phpfreaks.com/topic/294440-html-select-style/#findComment-1505141 Share on other sites More sharing options...
brotherZ Posted February 12, 2015 Share Posted February 12, 2015 I can't use the span tag in your form. You have to use the <select> and <option> tags. I would do this: <select name="age" class='selected'> <option value="18">18</option> <option value="19">19</option> </select> Link to comment https://forums.phpfreaks.com/topic/294440-html-select-style/#findComment-1505551 Share on other sites More sharing options...
Cherry_Wang Posted February 26, 2015 Share Posted February 26, 2015 <div class='selectBox'> <span class='selected'></span> <span class='selectArrow'>▼</span> <div class="selectOptions" > <select name="Option" > <span class="selectOption"><option value="Option 1">Option 1</option></span> <span class="selectOption"><option value="Option 2">Option 2</option></span> <span class="selectOption"><option value="Option 3">Option 3</option></span> </select> </div> </div> Link to comment https://forums.phpfreaks.com/topic/294440-html-select-style/#findComment-1506887 Share on other sites More sharing options...
jeffreyappel Posted March 8, 2015 Share Posted March 8, 2015 This is another version i proposed: <!DOCTYPE html> <html lang="en"> <head></head> <body> <select name="age" > <option value="18">18</option> <option value="19">19</option> </select> <div class='selectBox' style="padding:5px;"> <span class='Arrow'>▼</span> <select name="Option" > <span class="selectOption"><option value="Option 1">Option 1</option></span> <span class="selectOption"><option value="Option 2">Option 2</option></span> <span class="selectOption"><option value="Option 3">Option 3</option></span> </select> </div> </body> </html> Link to comment https://forums.phpfreaks.com/topic/294440-html-select-style/#findComment-1507860 Share on other sites More sharing options...
asianmartt Posted June 24, 2015 Share Posted June 24, 2015 <form class="demo"> <select> <option>CSS</option> <option>HTML </option> <option>HTML 5</option> </select> <select class="balck"> <option>CSS</option> <option>HTML </option> <option>HTML 5</option> </select> <select class="option3"> <option>CSS</option> <option>HTML </option> <option>HTML 5</option> </select></form> Link to comment https://forums.phpfreaks.com/topic/294440-html-select-style/#findComment-1514773 Share on other sites More sharing options...
asianmartt Posted June 24, 2015 Share Posted June 24, 2015 I used this code it works.... Link to comment https://forums.phpfreaks.com/topic/294440-html-select-style/#findComment-1514775 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.