드롭다운 목록의 화살표를 표시하지 않고 html을 구현하는 방법
- 醉折花枝作酒筹원래의
- 2021-04-22 11:22:013868검색
드롭다운 목록 화살표를 표시하지 않는 방법: 먼저 선택 요소와 div 요소의 너비를 설정합니다. 여기서 div 요소의 너비는 선택 요소의 너비보다 20px 더 큽니다. 그런 다음 "overflow:hidden; " 효과를 얻으려면 선택 요소에 있어야 합니다.
이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터. ㅋㅋㅋ
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.width5 {
width: 122px;
}
.width7
{
width: 142px;
}
/*设置Select样式*/
.SelectList
{
height: 32px;
line-height: 32px;
overflow:hidden;
}
</style>
</head>
<body>
<div class="DivSelect width5">
<select class="SelectList width7">
<option>双铜纸</option>
<option>双胶纸</option>
</select>
</div>
</body>
</html>효과는 그림과 같습니다.
이러한 상황으로 인해 일부 부품에는 테두리가 없으므로 화살표를 숨길 때 미용을 위해 테두리 없음으로 설정됩니다. 
html 비디오 튜토리얼
위 내용은 드롭다운 목록의 화살표를 표시하지 않고 html을 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.