html5 - HTML이나 JS가 .css 속성을 동적으로 변경할 수 있나요?
伊谢尔伦
伊谢尔伦 2017-05-24 11:36:09
0
2
957

예를 들어, 입력값 내용에 따라 *.css 또는 <style>의 속성값을 변경할 수 있나요?
예: input:color 태그를 사용하여 선택한 색상 값을 가져오고 스크롤 막대의 색상을 업데이트하시겠습니까? (인라인이 아닌 선택기를 사용해야 합니다)


지금 생각나는 한 가지 방법은 js를 사용하여 현재 페이지에 <style>을 만든 다음 이 태그의 콘텐츠를 수정하는 것입니다. 다른 아이디어가 있는지 궁금하세요?


제가 명확하게 설명하지 않은 것 같습니다. CSS 스타일 시트의 속성 값은 값에 따라 제공되어야 합니다. 예를 들어 사용자가 #6ec42a를 선택하면 스크롤 막대가 #6ec42a 색상이 됩니다. 이런 경우 CSS 파일을 미리 준비하는 것이 쉽지 않습니다. 16진수 색상을 모두 소진해서 다른 CSS 파일을 만들 수는 없을까요? 그런데 방금 공유해 주신 방법은 너무 감사해요. 저도 잘 몰라서 방금 배웠어요!

伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

모든 응답(2)
黄舟

다양한 계획으로 여러 개의 .css 파일을 작성하고 상황에 따라 js를 사용하여 CSS 파일을 동적으로 로드하세요

phpcn_u1582

예를 들어, 입력값 내용에 따라 *.css나 <style>의 속성값을 변경하고 싶은 경우도 가능한가요?
*.css를 속성 선택기로 바꿀 수 있습니다
예: $("[href*=aaa.css]").attr({href: 'bbb.css'});

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿