|
|
| 2번째 줄: |
2번째 줄: |
| | cite { | | cite { |
| | box-shadow: inset 0 -20px 0 #FAFAFA; | | box-shadow: inset 0 -20px 0 #FAFAFA; |
| − | }
| |
| − |
| |
| − | /*241113*/
| |
| − | /* inputbox 버튼 스타일 */
| |
| − | .inputbox-button {
| |
| − | background-color: #4CAF50; /* 버튼 배경 색상 (초록색) */
| |
| − | color: white; /* 텍스트 색상 */
| |
| − | border: 2px solid #4CAF50; /* 버튼 테두리 */
| |
| − | border-radius: 4px; /* 둥근 모서리 */
| |
| − | padding: 10px 20px; /* 버튼 크기 */
| |
| − | font-size: 16px; /* 글자 크기 */
| |
| − | cursor: pointer; /* 클릭 시 커서 변경 */
| |
| − | transition: background-color 0.3s, border 0.3s; /* 부드러운 색상 전환 */
| |
| − | }
| |
| − |
| |
| − | /* 버튼에 마우스를 올렸을 때 색상 변경 */
| |
| − | .inputbox-button:hover {
| |
| − | background-color: #45a049; /* 더 진한 초록색 */
| |
| − | border: 2px solid #45a049; /* 테두리 색상 변경 */
| |
| − | }
| |
| − |
| |
| − | /* 버튼 클릭 효과 */
| |
| − | .inputbox-button:active {
| |
| − | background-color: #3e8e41; /* 클릭 시 색상 */
| |
| − | border: 2px solid #3e8e41; /* 클릭 시 테두리 */
| |
| | } | | } |