>  기사  >  웹 프론트엔드  >  CSS를 사용하여 필수 양식 옵션에 별표를 추가하는 방법

CSS를 사용하여 필수 양식 옵션에 별표를 추가하는 방법

不言
不言원래의
2018-06-20 11:24:572441검색

웹 양식을 만들 때 옵션이 필수인 경우 일반적으로 옵션에 별표가 추가됩니다. CSS를 사용하여 필수 양식 옵션에 별표를 추가하는 방법을 알려드리겠습니다. 필요한 친구는 참고하세요

웹 양식을 만들 때 옵션이 필요한 경우 일반적으로 Typecho의 댓글 양식과 같이 옵션에 별표를 추가합니다. 작은 CSS 스타일:

<p class="form-group">
    <label for="author">姓名</label> <span class="required">*</span>
    <input type="text" id="author" name="author" required="required" size="30" class="form-text">
</p>

예:

하지만 때로는 HTML 구조를 수정할 수 없거나 의미 없는 태그를 추가하고 싶지 않을 수도 있습니다. 그런 다음 가상 뒤에 CSS를 사용할 수 있습니다. -별표를 생성하는 클래스입니다.

위 양식을 유지하면서 이 코드를 삭제

한 다음 CSS를 추가하세요.

.form-group span.required {
    color: #999;
    font-size: 150%;
}

이런 식으로 CSS를 사용하여 필수 선택 항목을 나타내는 별표를 만들 수 있습니다.

사실 CSS의 전후 의사 클래스는 사용하기가 매우 쉽습니다. 대부분의 사람들은 단지 플로트를 정리하는 데만 사용합니다. 실제로 상상력을 발휘하면 이 두 가지를 잘 활용하면 놀라운 일을 할 수 있습니다. 의사 클래스.

a4c1001aca540e6e716ee2c369e08b58*54bdf357c58b8a65c66d7c19c8e4d114위 내용은 이 글의 전체 내용입니다. 모든 분들의 학습에 도움이 되었으면 좋겠습니다. 더 많은 관련 내용은 PHP 중국어 홈페이지를 주목해주세요!

관련 권장 사항:

css3을 사용하여 잔물결 효과를 얻고 H5를 사용하여 동적 파도 효과를 얻습니다.

CSS3 영역 모듈 영역 관련 코드

CSS를 사용하여 검은색 탐색 메뉴 효과를 얻는 방법 그림자 효과


위 내용은 CSS를 사용하여 필수 양식 옵션에 별표를 추가하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.