Π― Π΄Π°Π½Π½ΠΎΠΉ ΡΡΠ°ΡΡΠ΅ Ρ Ρ ΠΎΡΡ ΡΠ°ΡΡΠΊΠ°Π·Π°ΡΡ ΠΎ ΡΡΠΈΠ»ΠΈΠ·Π°ΡΠΈΠΈ select Π½Π° ΡΠΈΡΡΠΎΠΌ CSS Π΄Π»Ρ Chrome, Safari, Firefox ΠΈ IE9+ Π±Π΅Π· Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΡ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ².
ΠΠΎΡ Π²Π΅ΡΡ css ΠΊΠΎΠ΄:
select {
width: 160px;
height: 26px;
border-radius: 4px;
line-height: 1em;
background-image: url('/select-arrow.svg');
background-position: right center;
background-repeat: no-repeat;
/*for WebKit*/
-webkit-appearance: none;
/* for FF */
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
/* for IE */
-ms-appearance: none;
appearance: none !important;
}
select::-ms-expand {
display: none;
}Π’Π΅ΠΏΠ΅ΡΡ Π΄Π°Π²Π°ΠΉΡΠ΅ ΡΠ°Π·Π±Π΅ΡΡΠΌ Π΅Π³ΠΎ Π΄Π»Ρ ΠΏΠΎΠ»Π½ΠΎΠ³ΠΎ ΠΏΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΡ ΡΡΠΎ ΠΏΡΠΎΠΈΡΡ ΠΎΠ΄ΠΈΡ.
ΠΠ΅ΡΠ²Π°Ρ ΡΠ°ΡΡΡ ΠΊΠΎΠ΄Π° ΠΎΡΠ²Π΅ΡΠ°Π΅Ρ Π·Π° Π±Π°Π·ΠΎΠ²ΡΡ ΡΡΠΈΠ»ΠΈΠ·Π°ΡΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°. ΠΠΎΠΆΠ½ΠΎ ΡΠ°ΠΊΠΆΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΠ²Π΅Ρ ΡΠΎΠ½Π° background-color ΠΈ ΡΠ²Π΅Ρ border.
width: 160px;
height: 26px;
border-radius: 4px;
line-height: 1em;ΠΠ°Π»Π΅Π΅ ΠΎΡΠΌΠ΅Π½ΡΠ΅ΠΌ ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΠΎΠ΅ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ select:
/*for WebKit*/
-webkit-appearance: none;
/* for FF */
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
/* for IE */
-ms-appearance: none;
appearance: none !important;Π’Π΅ΠΏΠ΅ΡΡ Π·Π°Π΄Π°Π΅ΠΌ Π²ΠΈΠ΄ ΡΡΡΠ΅Π»ΠΊΠΈ, ΠΊΠΎΡΠΎΡΠ°Ρ ΠΏΡΠΈΡΡΡΡΡΠ²ΡΠ΅Ρ Π² ΠΊΠ°ΠΆΠ΄ΠΎΠΌ select. Π€ΠΎΠ½ Π·Π°Π΄Π°Π½ ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΠΌΠΈ ΡΠ²ΠΎΠΉΡΡΠ²Π°ΠΌΠΈ, ΡΡΠΎΠ±Ρ ΠΌΠΎΠΆΠ½ΠΎ Π±ΡΠ»ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΠΎΠ½ΠΎΠ²ΡΠΉ ΡΠ²Π΅Ρ ΠΈ Π½Π΅ Π±ΠΎΡΡΡΡΡ, ΡΡΠΎ ΠΎΠ½ ΠΏΠ΅ΡΠ΅ΠΊΡΠΎΠ΅Ρ ΠΊΠ°ΡΡΠΈΠ½ΠΊΡ.
background-image: url('/select-arrow.svg');
background-position: right center;
background-repeat: no-repeat;Π ΠΎΡΡΠ°Π»ΠΎΡΡ ΠΌΠ°Π»Π΅Π½ΡΠΊΠΎΠ΅ Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ Π΄Π»Ρ IE:
select::-ms-expand {
display: none;
}
