머쓰
166
2019-08-29 14:54:07
7
360

getElementById로 :focus의 스타일은 어떻게 바꾸나요?


이런식으로 막혔는데

#password:focus 의 애들을 어떻게 해야 바꿀수있을까요...

ㅠㅠㅠㅠ

0
  • 답변 7

  • 아아아아
    191
    2019-08-29 14:57:24

    차라리 비번이 틀렸을때 클래스값을 추가하게 하는건 어떠신가요?

    #password.wrong:focus 이런식으로 css 설정해서요

  • 머쓰
    166
    2019-08-29 14:58:13

    아 그게 더 쉽겠네요! 한번 해보겠습니다

  • 머쓰
    166
    2019-08-29 15:04:43 작성 2019-08-29 15:06:59 수정됨

    그 위의 css를 바꿔야하는상황이에요

    예를들면

    지금 위 focus css는

    box-shadow : 0 0 10px #6799FF;

    라면 이걸 logincheck!=null && logincheck.equals("0") 일때


    box-shadow : 0 0 10px #F15F5F; 로 바꿔야하는

  • 아아아아
    191
    2019-08-29 15:05:02 작성 2019-08-29 15:06:11 수정됨

    @NoProblem

    일반 포커스와 비밀번호 틀렸을때의 포커스 색을 다르게 하려는 의도 같습니다.


    @머쓰

    css 는 변경보다는 다양한 class 변경 쪽으로 방향을 잡으시는게 맞을듯 합니다.

  • NoProblem
    46
    2019-08-29 15:07:09

    아 제가 글을 잘못이해하고 답변달고 바로 삭제했는데

    바로 답변을 또 다셨네요.ㅎ 위에 아아아아님 말씀처럼 클래스를 추가하는게 최적일 것 같네요

  • 머쓰
    166
    2019-08-29 15:20:42


    id 자체를 바꿔버리니까 css바꾸는것보다 훨씬 쉽네요! 감사합니다

  • 아아아아
    191
    2019-08-30 01:08:19

    축하드립니다 ㅎ

    css는 아이디보다 클래스 이용하시는게

    반복이 줄거에요

  • 로그인을 하시면 답변 을 등록할 수 있습니다.