• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>CSS Forms</title>
7
    <style>
8
        select {
9
            width: 100%;
10
            padding: 10px;
11
            border: solid 1px black;
12
            border-radius: 5px;
13
            background-color: #FFFFE0;
14
        }
15
    </style>
16
</head>
17
​
18
<body>
19
​
20
    <h1>select 요소에 스타일 적용</h1>
21
    <form>
22
        <select name="fruit">
23
            <option value="apple" selected> 사과
24
            <option value="orange"> 귤
25
            <option value="strawberry"> 딸기
26
            <option value="peach"> 복숭아
27
        </select>
28
    </form>
29
​
30
</body>
31
​
32
</html>