Breaking News: Grepper is joining You.com. Read the official announcement!

how to modify select icon csshow to modify select icon css

Add Answer

Thoughtful Tamarin answered on August 13, 2021 Popularity 10/10 Helpfulness 4/10

answer how to modify select icon csshow to modify select icon css

related select dropdown icon change

related how to select icon css

how to modify select icon csshow to modify select icon css

Comment

    appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 1.2rem center/.8rem 4rem;

Popularity 10/10 Helpfulness 4/10 Language css

Source: Grepper

Tags: css select

Link to this answer
Share Copy Link

Contributed on Jan 12 2022

Thoughtful Tamarin

0 Answers Avg Quality 2/10

Closely Related Answers

select dropdown icon change

Comment

-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat 100% center;

Popularity 10/10 Helpfulness 6/10 Language css

Source: Grepper

Tags: css

Link to this answer
Share Copy Link

Contributed on Aug 13 2021

Badie96

0 Answers Avg Quality 2/10

how to select icon css

Comment

.styled-select {
  width: 100px;
  height: 17px;
  overflow: hidden;
  overflow: -moz-hidden-unscrollable;
  background: url(images/downarrow_blue.png) no-repeat right white;
  border: 2px double red;
  display: inline-block;
  position: relative;
}

.styled-select select {
  background: transparent;
  -webkit-appearance: block;
  width: 100px;
  font-size: 11px;
  border: 0;
  height: 17px;
  position: absolute;
  left: 0;
  top: 0;
}

body {
  background-color: #333333;
  color: #FFFFFF;
}

.block label {
  color: white;
}

Popularity 10/10 Helpfulness 4/10 Language css

Source: stackoverflow.com

Tags: css

Link to this answer
Share Copy Link

Contributed on Aug 15 2022

Gleaming Gecko

0 Answers Avg Quality 2/10

how to modify select icon csshow to modify select icon css

Contents

More Related Answers

how to modify select icon csshow to modify select icon css

Closely Related Answers

select dropdown icon change

how to select icon css

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.