Search
 
SCRIPT & CODE EXAMPLE
 

HTML

make select option look like button

/* HTML is here */

<select name="work_days" id="id_work_days" multiple>
  <option value="1">sun</option>
  <option value="2">mon</option>
  <option value="3">tue</option>
  <option value="4">wed</option>
  <option value="5">thu</option>
  <option value="6">fri</option>
  <option value="7">sat</option>
</select>



/* CSS is here */

#id_work_days{
  height: 44px;
  border: none;
  overflow: hidden;
}
#id_work_days::-moz-focus-inner {
  border: 0;
}
#id_work_days:focus {
  outline: none;
}
#id_work_days option{
  width: 60px;
  font-size: 1.2em;
  padding: 10px 0;
  text-align: center;
  margin-right: 20px;
  display: inline-block;
  cursor: pointer;
  border:rgb(204, 204, 0) solid 1px;
  border-radius: 5px;
  color: rgb(204, 204, 0);
}
Comment

PREVIOUS NEXT
Code Example
Html :: animated dot html 
Html :: kodingan mencatumkan keterangan gambar header html 
Html :: google address suggestion is not working inside popup modal 
Html :: set value of input ype color in html 
Html :: what is BETH? 
Html :: gold color hash code 
Html :: chat box html 
Html :: ipad web hide interface html 
Html :: control icon size html 
Html :: how to put < in html 
Html :: aria-haspopup 
Html :: a tag target 
Html :: modal trava bootstrap 
Html :: haw to fmake a link open in a new tag in html 
Html :: file download button html 
Html :: table align center not working in github 
Html :: list links in a website python html 
Html :: javascri 
Html :: does whitehatjr teach c++ 
Html :: how to add hindi in html 
Html :: add .class to another class html 
Html :: reuse html elemrnt id 
Html :: barra de navegacion vertical bootstrap 
Html :: c# htmlagilitypack get html as string 
Html :: html input avoid pre spacing 
Html :: text process bar wpf 
Html :: codigo responsive css 
Html :: how to create a quiz in p5 
Html :: error pop writing html 
Html :: html form onsubmit 
ADD CONTENT
Topic
Content
Source link
Name
1+3 =