크롬 브라우저의 인풋 하이라이팅 수정 css

회원가입

출석체크

마이페이지

CGIMALL

jquery , CSS , PHP , Javascript , 무료폰트 , ASP

홈 > CSS > 기타효과 > 크롬 브라우저의 인풋 하이라이팅 수정 css - Glowing Blue Inputs 상세정보

클라우드태그

Javascript

PHP

ASP

CSS

html

mysql

jquery

image

API

Mobile

메뉴

slide

게시판

현재접속자 명

크롬 브라우저의 인풋 하이라이팅 수정 css - Glowing Blue Inputs

해피팀

네티즌

소스분류

기타효과

다운로드 횟수

0 회

간단설명

크롬 브라우저의 인풋 하이라이팅 수정법

평가하기

크롬 브라우저에서 인풋에 포커스를 했을때 파란색 테두리 부분의 디자인 변경법입니다.

input[type=text], textarea {
@include transition(all 0.30s ease-in-out);
outline: none;
padding: 3px 0px 3px 3px;
margin: 5px 1px 3px 0px;
border: 1px solid #DDDDDD;
}

input[type=text]:focus, textarea:focus {
@include box-shadow(0 0 35px rgba(0, 0, 0, 1));
padding: 3px 0px 3px 3px;
margin: 5px 1px 3px 0px;
border: 1px solid rgba(81, 203, 238, 1);
}

그림자의 두께, 색상, 속도를 변경가능합니다.