투케이2K

24. (html/css/javascript/jquery) highlight color 사용해 클릭 이벤트 발생 시 파란색 영역 테두리 박스 표시 하이라이트 제거 실시 본문

FrontEnd

24. (html/css/javascript/jquery) highlight color 사용해 클릭 이벤트 발생 시 파란색 영역 테두리 박스 표시 하이라이트 제거 실시

투케이2K 2021. 6. 2. 13:20

/* =========================== */

[ 개발 환경 설정 ]

​

개발 툴 : Edit++

개발 언어 : html, css, js, jquery

/* =========================== */

​

/* =========================== */

[CSS 소스 코드]

 

/* 부모 div 스타일 지정 */
#static_header_container {
	width : 100%;
	height : 100%;					
	margin : 0 auto;
	padding : 0;
	border : none;
	background-color : #92b9d6; 
					
	/* 컨테이너 배치 정렬 실시 */
	float : top;
	position : relative; 
	top : 4%;
	left : 0%;			
			
	/* 마우스 커서 스타일 지정 */
	cursor : pointer;

	/*  브라우저에서 화면 터치 시 파란 박스 하이라이트 제거 */
	-webkit-tap-highlight-color : rgba(0,0,0,0);
}

/* =========================== */

반응형
저작자표시

'FrontEnd' 카테고리의 다른 글

26. (html/css/javascript/jquery) 드래그 앤 드롭 (drag and drop) 기능을 사용해 div 속성값 교체 실시 - 브라우저, 모바일  (0) 2021.06.04
25. (html/css/javascript/jquery) onclick location href 사용해 특정 태그, url, 파일 이동 실시  (0) 2021.06.02
23. (html/css/javascript/jquery) 배경 색상 그라데이션 적용 실시 - background linear gradient  (0) 2021.06.01
22. (html/css/javascript/jquery) scrollbar 사용해 웹 브라우저 스크롤 바 스타일 설정 실시 - 스크롤 바 히든 및 정상 스크롤 동작 처리  (0) 2021.06.01
21. (html/css/javascript/jquery) 자바스크립트 사용해 p 태그 텍스트 확인 및 변경 , css style 속성 변경 실시  (0) 2021.06.01
'FrontEnd' Related Articles more
Comments