select_form 효과의 테두리 색상 정의

특정 단계:
1. 여백 속성을 사용하여 구현합니다. 먼저 선택 개체의 원래 테두리를 숨기려면 여백 속성을 -2로 설정한 다음 선택 개체의 상위 개체 테두리를 설정합니다.



<옵션 값="1">1
<옵션 값="2">2
<옵션 값="3">3< ;/option>
<옵션 값="4">4
<옵션 값="5">5

2. 여백 속성은 클립 속성과 함께 구현됩니다. 또한 먼저 여백을 사용하여 선택 항목의 원래 테두리를 숨긴 다음 클립을 사용하여 선택 항목의 표시 영역을 제어하여 선택 항목의 원래 테두리를 완전히 숨기고 마지막으로 선택 항목의 상위 개체 테두리를 다음과 같이 정의합니다. 마지막으로 선택한 선택 항목의 테두리입니다.



1
< ;옵션 값="2">2
<옵션 값="3">3
<옵션 값="4">4
5



참고: SPAN 및 SELECT는 메소드에 설정되어야 합니다. 2 요소의 위치 속성은 절대값입니다.

특별 팁
이 예제에서 두 코드의 실행 효과는 각각 그림 2.1.6.6과 그림 2.1.6.7에 나와 있습니다. 주의 깊게 비교하면 몇 가지 사소한 부분을 찾을 수 있습니다. 차이점.

그림 2.1.6.6 SELECT one의 테두리 효과 정의

그림 2.1.6.7 SELECT two의 테두리 효과 정의


특별 지침

이 예제에서는 SELECT 컨트롤의 특성상 테두리 스타일을 직접 정의할 수 없으므로 클립 속성과 여백 속성을 주로 사용하므로 이 예제에서 사용된 기술을 숙지해야 합니다.