У меня есть элемент и отображаются должным образом, но установка параметра по умолчанию, похоже, не имеет никакого эффекта.

Первый параметр по умолчанию в выбранном поле отображается как пустое поле:

enter image description here

HTML:


CSS:

#select__pick_stock_avatar option {
    width: 30px;
    height: 34px;
    background-repeat: no-repeat;
}

#select__pick_stock_avatar option[value="avatars-01.png"]  {    
     background-image:url("../images/avatars-01.png");  
}
#select__pick_stock_avatar option[value="avatars-02.png"]  {    
     background-image:url("../images/avatars-02.png");  
}
#select__pick_stock_avatar option[value="avatars-03.png"]  {    
     background-image:url("../images/avatars-03.png");  
}
#select__pick_stock_avatar option[value="avatars-04.png"]  {    
     background-image:url("../images/avatars-04.png");  
}

Параметр по умолчанию отображается как пустой. Я хотел бы иметь возможность установить опцию по умолчанию на стороне сервера, со значением, зависящим от настроек, специфичных для вошедшего в систему пользователя. Есть ли способ получить значение по умолчанию для отображения указанного параметра / изображения по умолчанию?

Boa

Ответов: 2

Ответы (2)

You could set css to "#select__avatar":

#select__avatar{
    background-image: url(avatars-03.png);
    background-repeat: no-repeat;
}

#select__pick_stock_avatar option[value="avatars-01.png"]  {    
     background-image:url("../images/avatars-01.png") !important;  
}
#select__pick_stock_avatar option[value="avatars-02.png"]  {    
     background-image:url("../images/avatars-02.png") !important;  
}
#select__pick_stock_avatar option[value="avatars-03.png"]  {    
     background-image:url("../images/avatars-03.png") !important;  
}
#select__pick_stock_avatar option[value="avatars-04.png"]  {    
     background-image:url("../images/avatars-04.png") !important;  
}

Тег option не принимает фоновое изображение, вы можете задать цвет градиента фона, но не изображение .. это стандарт html

пример

background-image:-moz-linear-gradient(rgb(55,105,129),rgb(101,201,145));

2022 WebDevInsider