Select или не Select

[Евгений_SB]

Ребят верстаю макет, есть вот такие выпадающие списки

Проблема в том что сейчас насколько мне известно полностью стилизовать Select без JS невозможно. полазил в интернете на предмет статей, как это можно реализовать, есть всего 2 способа без использования JS. и оба способа не очень адаптивны, а вернее не адаптивны совсем, А так как я не знаю JS подумал почему не заменить select обычным выпадающим списком стилизованным под select. ведь это гораздо проще, быстрее. валиднее. и адаптивнее,Возник вопрос
1) как к этому отнесуться поисковые системы, есть ли разница для поисковика?

2)как к этому отнесуться програмисты(про чекбоксы не говорю)?

Ведь по сути select это просто набор ссылок или нет?

и чем он отличается от обычного выпадающего списка, я имею ввиду для php  программистов?
 

[wwt]

1 час назад, Евгений_SB сказал:

Ребят верстаю макет, есть вот такие выпадающие списки

Проблема в том что сейчас насколько мне известно полностью стилизовать Select без JS невозможно. полазил в интернете на предмет статей, как это можно реализовать, есть всего 2 способа без использования JS. и оба способа не очень адаптивны, а вернее не адаптивны совсем, А так как я не знаю JS подумал почему не заменить select обычным выпадающим списком стилизованным под select. ведь это гораздо проще, быстрее. валиднее. и адаптивнее,Возник вопрос
1) как к этому отнесуться поисковые системы, есть ли разница для поисковика?

2)как к этому отнесуться програмисты(про чекбоксы не говорю)?

Ведь по сути select это просто набор ссылок или нет?

и чем он отличается от обычного выпадающего списка, я имею ввиду для php  программистов?
 

1. Ведь по сути select это просто набор ссылок или нет?

Нет.

2. и чем он отличается от обычного выпадающего списка, я имею ввиду для php  программистов?

Вы имеете ввиду генерация списка средствами php? Да с точки зрения php вообще пофик что генерить.

 

 

[Евгений_SB]

Нашел решение без JS

.icon-location {
	text-decoration: none;
	color: #f04c03;
	font:1.2em;
	padding-left: 10px;
	
}
.select-box {
	display: flex;
	align-items: center;
	width: 170px;
	height: 35px;
	overflow: hidden;
	background: url("/img/SlBt.png") no-repeat right #f1f1f1;
}
.select-box select {
	width: 170px;
	height: 35px;
	background: transparent ;
	border: none;
	padding: 0 60px 0 0px;
	font: normal 0.8em 'Droid+Sans', sans-serif;
	color: #717171;
}