입력란을 강조 표시 할 때 제출 버튼 강조 표시

Question

전 프론트 웹 개발의 새로운 항목입니다. 나는 가입 양식을 만들고 있습니다. 사용자가 입력 필드를 클릭 할 때 구독 버튼을 강조 표시해야합니다. CSS를 사용하여 어떻게 할 수 있습니까? 자바 스크립트를 사용하고 싶지 않습니다. 내 HTML 코드는 다음과 같습니다 :

는

HTML :

<form> 
    <input type="text" placeholder="Your email ID"> 
    <input type="submit" class="submit_button" value="Subscribe"> 
</form> 

Answer 1

http://jsbin.com/pagosokipu/edit?html,css,js,output

필요한 CSS는 여기에 대해 ~ 선택 읽어

input[type='text']:focus ~ input[type='submit']{ box-shadow: 0 0 2px 2px #555; }

... https://developer.mozilla.org/en/docs/Web/CSS/General_sibling_selectors