How to remove default dropdown icon from Select list in HTML CSS?

Here is the simple CSS code to remove arrow icon from dropdown

select {
  /* for Firefox */
  -moz-appearance: none;
  /* for Chrome */
  -webkit-appearance: none;
	width:100px;
	padding:10px;
	border:none;
}

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

You can try this fiddle https://jsfiddle.net/3yqkhaw2/

You will see output like below

If it doesn't work for IE, you can try below CSS for IE

select {
    overflow:hidden;
    width: 120%;
}

Hope it helps, thanks