집 >웹 프론트엔드 >CSS 튜토리얼 >CSS3에서 입력 커서를 제거하는 방법

CSS3에서 입력 커서를 제거하는 방법

青灯夜游원래의: 2021-12-15 11:48:154389검색

제거 방법: 1. 입력 요소에 "color:transparent;text-shadow: 0px 0px 0px #333;" 스타일을 추가합니다. 2. 입력 요소에 "caret-color:transparent;" 스타일을 추가합니다.

이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

css3 입력 커서 제거

방법 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>

CSS3에서 입력 커서를 제거하는 방법

방법 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>

CSS3에서 입력 커서를 제거하는 방법

(학습 영상 공유: css 영상 튜토리얼)

위 내용은 CSS3에서 입력 커서를 제거하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

html5 css css3 input

성명：

이전 기사：CSS3에서 그라디언트를 정의하는 구문은 무엇입니까?다음 기사：CSS3에서 그라디언트를 정의하는 구문은 무엇입니까?