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

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

/스크롤바 전체를 설정해야 합니다/

::-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 중국어 웹사이트의 기타 관련 기사를 참조하세요!