Gyancode

A free library of HTML, CSS, JS

Search This Blog

Monday 28 November 2016

Style a Select Box

<!DOCTYPE html>
<html>
<style>
select {
    border: 1px #ddd solid;
    color: #333;
    background: #f6f6f6;
    font-weight: bold;
    width: 300px;
    -webkit-appearance: none;
    font-size: 14px;
    padding: 10px;
    border-radius: 5px;
}
</style>
<body>
<select>
    <option>Select an Option</option>
    <option>Option 1</option>
    <option>Option 2</option>
  </select>
</body>

</html>

No comments :

Post a Comment