일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 |
Tags
- 더존ERP
- python
- 이메일주소
- js
- 포트
- 정규표현식
- pingtest
- ping
- MYSQL
- sp_who
- MSSQL
- 유효성
- erp
- jquery
- sendmail
- vscode
- 리눅스
- 핑
- 목차만들기
- 정규식
- 자바스크립트
- 트랜젝션
- 핑테스트
- crontab
- JavaScript
- port
- 문자열
- codeigniter
- php
- 메일
Archives
- Today
- Total
ioerror
오래전 사용한 form 요소 스타일 본문
반응형
딱 10년 전에 만들어 사용하던 폼 스타일.
나름 IE8이나 파이어폭스, 사파리를 생각하고 만들었던거 같네.
form {
margin:0;padding:0
}
input {
border:1px solid #7B7B7B;
background:#E6F5FF;
padding:1px 5px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
font-size:12px
}
input[type=text]:focus {
background:#ff0
}
input[type=text]:hover {
background:#ffc
}
.radio{
background:#fff;
border-width:0px
}
.checkbox{
background:#fff;
border-width:0px
}
input[type=button] {
border:1px solid #7B7B7B;
background:#f60;
padding:2px 5px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
input[type=submit] {
border:1px solid #7B7B7B;
background:#fff;
padding:2px 5px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
button{
border:1px solid #7B7B7B;
background:#E6F5FF;
padding:2px 5px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
[html tagname][attribute name = value]{...} 해당 태그들중 설정된 속성의 정의를 가진 태그에 대해 스타일 적용
[style elem]:focus{} 포커싱 되었을때
[style elem]:hover{} 마우스 오버 되었을때
IE8,FF,Safari,(Opera)
반응형
'HTML & CSS' 카테고리의 다른 글
CSS 선택자 정리와 이해 (0) | 2021.10.02 |
---|
Comments