/Html/Html select image background arrow

Html select image background arrow

select {
  width: 300px;
  padding: 12px;
  border: 0 !important;
  background-color: lightblue;
  /* needed */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* SVG background image */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: .6em;
  background-position: calc(100% - 1.3em) center;
  background-repeat: no-repeat;
}

Html select image background arrow

select {
  width: 300px;
  padding: 12px;
  border: 0 !important;
  background-color: lightblue;
  /* needed */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* SVG background image */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: .6em;
  background-position: calc(100% - 1.3em) center;
  background-repeat: no-repeat;
}

Similar codes

0 vote128 views1 answer
How to connect alert and document.location in html
Html
0 vote132 views1 answer
Uncaught TypeError: Cannot read properties of null (reading 'value') at HTMLButtonElement.<anonymous> (index.js:15) (anonymous) @ index.js:15
Html
0 vote137 views6 answers
Bits
Html
153 votes136 views6 answers
Open new tab html
Html
0 vote128 views1 answer
Add title attribute
Html
13 votes175 views2 answers
How to add an email box in html
Html
0 vote126 views2 answers
How to hide youtube watermark from embedded video :2021
Html
4 votes122 views4 answers
Html base
Html
1 vote134 views1 answer
Draggable html
Html
25 votes122 views1 answer
Html add page to document
Html