masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu

Pemilih kelas pseudo keadaan elemen UI

Apa yang dipanggil kelas pseudo status elemen ui ialah pemilih kelas pseudo yang mengawal terutamanya gaya keadaan elemen bentuk yang berbeza.
Keadaan elemen borang yang berbeza seperti kotak teks tersedia atau tidak tersedia, kotak semak dan butang radio yang dipilih atau tidak dipilih, dsb.

Terdapat 11 pemilih kelas pseudo UI dalam CSS 3, iaitu: 

E:hover;/*支持firefox、safari、Opera、ie8、chrome*/
E:active;/*支持firefox、safari、Opera、chrome   不支持ie8*/
E:focus; /*支持firefox、safari、Opera、ie8、chrome*/
E:enabled;/*支持firefox、safari、Opera、chrome   不支持ie8*/
E:disabled;/*支持firefox、safari、Opera、chrome   不支持ie8*/
E:read-only;/*支持firefox、Opera  不支持ie8、safari、chrome */
E:read-write/* 支持firefox、Opera  不支持ie8、safari、chrome*/ 
E:checked /*支持firefox、safari、Opera、chrome   不支持ie8*/
E::selection /* 支持firefox、safari、Opera、chrome   不支持ie8 */
E:default /*只支持firefox*/
E:indeterminate/*只支持Opera*/

Penerangan satu persatu:

1.E:pemilih tuding digunakan untuk menentukan bila penunjuk tetikus Gaya yang digunakan oleh elemen apabila dialihkan ke atasnya.
2.E:pemilih aktif digunakan untuk menentukan gaya yang digunakan apabila elemen diaktifkan (apabila tetikus ditekan pada elemen tetapi belum dilepaskan).
3.E:pemilih fokus digunakan untuk menentukan gaya yang akan digunakan apabila elemen menerima fokus. Ia digunakan terutamanya apabila kawalan kotak teks difokuskan dan digunakan untuk input teks.
4:E:enabled selector digunakan untuk menentukan gaya apabila elemen semasa berada dalam keadaan tersedia
5:E:disabled selector digunakan untuk menentukan gaya apabila elemen semasa berada dalam keadaan tidak tersedia
6.E:read- Satu-satunya pemilih digunakan untuk menentukan gaya apabila elemen berada dalam keadaan baca sahaja Di bawah ff, ia perlu ditulis dalam bentuk -moz-read-only
7. E: Pemilih baca-tulis digunakan untuk menentukan apabila elemen berada dalam keadaan bukan baca sahaja. Di bawah ff, ia perlu ditulis dalam bentuk -moz-read-write
8.E: Pemilih yang ditandai digunakan untuk menentukan gaya apabila butang radio atau kotak pilihan dalam borang berada dalam keadaan yang dipilih. Di bawah ff, ia perlu ditulis dalam bentuk -moz-checked
9.E: Pemilih lalai digunakan untuk menentukan gaya butang radio atau kotak semak yang dipilih secara lalai apabila halaman dibuka. Perlu diingat bahawa walaupun pengguna menukar butang radio atau kotak semak yang ditetapkan kepada keadaan yang dipilih secara lalai kepada keadaan yang tidak dipilih, set gaya menggunakan pemilih lalai E: masih sah.
10.E: Pemilih tak tentu digunakan untuk menentukan gaya keseluruhan kumpulan butang radio jika mana-mana butang radio dalam kumpulan butang radio tidak ditetapkan kepada keadaan yang dipilih apabila halaman dibuka. Jika pengguna memilih mana-mana butang radio dalam kumpulan ini, gaya keseluruhan kumpulan butang radio tidak digayakan.
11.E::pemilih pilihan digunakan untuk menentukan gaya apabila elemen dipilih. Apa yang perlu diperhatikan di sini ialah: apabila digunakan di bawah ff, ia perlu ditulis dalam bentuk -moz-selection. 

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.php.cn/" />
<title>php中文网</title>
<style type="text/css">
ul li{
  list-style:none;
}
input[type='text']:disabled{
  color:green;
}
</style>
</head>
<body>
<ul>
  <li><input type="text" value="php中文网"/></li>
  <li><input type="text" disabled value="php中文网"/></li>
</ul>
</body>
</html>


Meneruskan pembelajaran
||
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.php.cn/" /> <title>php中文网</title> <style type="text/css"> ul li{ list-style:none; } input[type='text']:disabled{ color:green; } </style> </head> <body> <ul> <li><input type="text" value="php中文网"/></li> <li><input type="text" disabled value="php中文网"/></li> </ul> </body> </html>
serahkanTetapkan Semula Kod
Bahagian sebelumnya bahagian seterusnya
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  492837 permainan