반응형

css 13

입력 번호에서 위쪽 및 아래쪽 화살표 버튼(스피너) 숨기기 - Firefox 29

입력 번호에서 위쪽 및 아래쪽 화살표 버튼(스피너) 숨기기 - Firefox 29 파이어폭스 28에서는숫자만 포함해야 하는 입력 필드에 숫자 키보드가 표시되므로 유용합니다. 파이어폭스 29에서 숫자 입력을 사용하면 필드 오른쪽에 회전 버튼이 표시됩니다. 이것은 제 디자인에서 쓰레기처럼 보입니다.어쨌든 6~10자리 숫자 같은 것을 써야 할 때는 쓸모가 없기 때문에 버튼은 정말 필요 없습니다. CSS나 jQuery로 이것을 비활성화할 수 있습니까?이 블로그 게시물에 따르면 다음과 같이 설정해야 합니다.-moz-appearance:textfield;에서input. input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-s..

programing 2023.07.30

테이블 고정 헤더 및 스크롤 가능한 본문

테이블 고정 헤더 및 스크롤 가능한 본문 저는 부트스트랩 3 테이블을 이용하여 고정 헤더와 스크롤 가능한 콘텐츠로 테이블을 만들려고 합니다.안타깝게도 제가 찾은 해결책은 부트스트랩과 함께 작동하지 않거나 스타일을 엉망으로 만듭니다. 여기에 간단한 부트스트랩 테이블이 있지만, 어떤 이유에서인지 나는 tbody의 높이가 10px가 아닙니다. height: 10px !important; overflow: scroll; 예: Make Model Color Year 111 Ford Escort Blue 2000 Ford Escort Blue 2000 Ford Escort Blue 2000 Ford Escort Blue 2000 고정 테이블 헤드 - CSS 전용 단히간position: sticky; top: 0;당..

programing 2023.07.30

입력 텍스트 요소에서 테두리 강조 표시를 제거하는 방법

입력 텍스트 요소에서 테두리 강조 표시를 제거하는 방법 HTML 요소가 '초점'(현재 선택/탭 위치)이면 많은 브라우저(최소한 Safari 및 Chrome)가 해당 요소 주위에 파란색 테두리를 둘 것입니다. 제가 작업하고 있는 레이아웃의 경우, 이것은 산만하고 올바르게 표시되지 않습니다. Firefox는 이 작업을 수행하지 않는 것 같습니다. 적어도 다음을 사용하여 제어할 수 있습니다. border: x; 만약 누군가 IE가 어떻게 하는지 말해줄 수 있다면, 저는 궁금할 것입니다. 사파리에게 이 작은 플레어를 제거하게 하는 것이 좋을 것입니다.이 작업을 수행하기 전에 포커스 개요는 접근성 및 사용성 기능입니다. 포커스 개요는 사용자에게 현재 어떤 요소에 초점을 맞추고 있으며 많은 사용자가 이 기능에 의존..

programing 2023.05.31
반응형