> 웹 프론트엔드 > HTML 튜토리얼 > 입력 자리 표시자 스타일 설정

입력 자리 표시자 스타일 설정

php中世界最好的语言
풀어 주다: 2018-03-14 11:03:05
원래의
4606명이 탐색했습니다.

이번에는 입력 자리표시자 스타일 설정에 대해 알려드리겠습니다. 입력 자리표시자 스타일 설정 시 주의사항은 무엇인가요? 다음은 실제 사례입니다.

입력 자리 표시자 스타일 설정/스크롤바 전체를 설정해야 합니다/

::-webkit-scrollbar {width: 10px;height: 10px;border-radius: 10px;}
/滚动条的轨道/::-webkit-scrollbar-track {box-shadow: inset 0 0 5px rgba(0, 0, 0, 0);}
/滚动条的上下两端的按钮/::-webkit-scrollbar-button {height: 10px;border-radius: 10px;}
/滚动条的滑块按钮/::-webkit-scrollbar-thumb {border-radius: 10px;background-color: #048AE9;box-shadow: inset 0 0 5px #fff;}
로그인 후 복사

입력 자리 표시자 스타일 설정


input 자리 표시자 설정

/input placeholder样式设置/
input::-webkit-input-placeholder {
/* placeholder颜色  /
color: #fff !important;
/ placeholder字体大小  */
font-size: 16px;
font-weight: 100;
}
로그인 후 복사

이 글의 사례를 읽으신 후 방법을 익히셨으리라 믿습니다. 흥미로운 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 주목해 주세요!

추천 도서:

css3 섀도우에 대한 자세한 설명


JavaScript 배열 사용 모음


간과하기 쉬운 JavaScript 지식 포인트

위 내용은 입력 자리 표시자 스타일 설정의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿