Rumah > Artikel > hujung hadapan web > Bagaimana untuk mengalih keluar kursor input dalam css3

Bagaimana untuk mengalih keluar kursor input dalam css3

青灯夜游asal: 2021-12-15 11:48:154349semak imbas

Kaedah pengalihan keluar: 1. Tambahkan gaya "color:transparent;text-shadow: 0px 0px 0px #333;" pada elemen input. 2. Tambahkan gaya "warna karet: telus;" pada elemen input.

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.

css3 alih keluar kursor input

Kaedah 1:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	</head>
	<body>
		<input type="text" value="默认文本"/><br>
		<input type="text" value="去掉光标的默认文本" style="color:transparent;text-shadow: 0px 0px 0px #333;" />

	</body>
</html>

Bagaimana untuk mengalih keluar kursor input dalam css3

Kaedah 2:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	</head>
	<body>
		<input type="text" value="默认文本"/><br>
		<input type="text" value="去掉光标的默认文本" style="caret-color:transparent;" />

	</body>
</html>

Bagaimana untuk mengalih keluar kursor input dalam css3

(Mempelajari perkongsian video: tutorial video css)

Atas ialah kandungan terperinci Bagaimana untuk mengalih keluar kursor input dalam css3. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

html5 css css3 input

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：Apakah sintaks untuk menentukan kecerunan dalam css3Artikel seterusnya：Apakah sintaks untuk menentukan kecerunan dalam css3

Artikel berkaitan

Lihat lagi