Comment ajouter un style CSS pour sélectionner-Questions et réponses frontales-php.cn

Comment ajouter un style CSS pour sélectionner

青灯夜游

Libérer： 2022-01-20 17:54:03

original

5120 Les gens l'ont consulté

Méthode Add : 1. Ajoutez des attributs id ou class à la balise select et définissez la valeur de l'attribut ; 2. Intégrez la paire de balises de style dans la paire de balises head ; 3. Dans la paire de balises de style, utilisez "#id value {css ; attribut : valeur ;}" ou instruction ".class value {attribut css : valeur ;}" pour ajouter un style CSS.

Comment ajouter un style CSS pour sélectionner

L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.

Ajoutez un style CSS pour sélectionner en html

Ajoutez des attributs d'identifiant ou de classe à la balise de sélection et définissez la valeur de l'attribut
Dans la paire de balises de style, utilisez le sélecteur d'identifiant ou de classe pour sélectionner l'élément de sélection et définissez le style

Code d'implémentation :

<!DOCTYPE html>
<html>
	<head>
		<style type="text/css">
			#select{
				background-color: #000000;
				color: white;
				width: 100px;
				height: 30px;
			}
			.select{
				background-color: pink;
				color: white;
				width: 100px;
				height: 30px;
			}
		</style>
	</head>

	<body>
		<select id="select">
		  <option value ="volvo">Volvo</option>
		  <option value ="saab">Saab</option>
		  <option value="opel">Opel</option>
		  <option value="audi">Audi</option>
		</select>
		<select class="select">
		  <option value ="volvo">Volvo</option>
		  <option value ="saab">Saab</option>
		  <option value="opel">Opel</option>
		  <option value="audi">Audi</option>
		</select>
	</body>

</html>

Copier après la connexion

Comment ajouter un style CSS pour sélectionner