Cross-browser (IE11+) <select> element styling without wrapper <div> https://jsbin.com/diqene/edit?html,css,output

select.css

select {
  -webkit-appearance: none; /* Webkit */
  -moz-appearance: none; /* FF */
  -ms-appearance: none; /* Edge */
  appearance: none; /* Future */

  /* Optional styles */
  padding: 0.3em 1.5em 0.3em 0.6em;
  border: 1px solid currentColor;
  background: white;
  border-radius: 3px;
  font-size: inherit;
  background-repeat: no-repeat;
  background-position: right 5px center;
  background-size: 1em;
  background-image: url("http://www.clipartbest.com/cliparts/ncB/75y/ncB75yaji.jpeg");

}

/* IE11 */
select::-ms-expand {
  display: none;
}

select.html

<select>
  <option value="Lorem">Lorem</option>
  <option value="Lorem Ipsum">Lorem Ipsum</option>
</select>

Thanks for the ::-ms-expand trick!

Thanks for the IE fix.

Thank you for the ::-ms-expand trick

Thank you that helped !