Project/AWS-Final

최종 프로젝트(15) - AWS 풀스택 과정 104일차

awspspgh 2024. 12. 27. 17:53

1. swiper pagination & select

▷ 출력

 

▣ 참고 자료 출처

https://velog.io/@yejine2/TIL-10-swiper-pagination-bullet-%EC%BB%A4%EC%8A%A4%ED%85%80

 

[TIL #10] swiper pagination bullet 커스텀

내가 원하는 사이트를 클론 코딩해보는 과제를 받았다.아래 이미지 처럼 슬라이더 영역이 있어서 swiper 라이브러리로 구현하고자 했다.swiper에서 제공하는 pagination은 기본이 파란색 bullet이다.이

velog.io

 

 

https://wazacs.tistory.com/34

 

select 태그 커스텀 하기, 혹은 직접 만들기 (feat. javascript)

1. Select CSS Customizing Select 태그의 외형은 주로 각 브라우저에서 정의 합니다. 보다 시피 크롬(왼쪽), IE(오른쪽) 이 똑같이 보이면서도 미세 하게 다름니다. 공통적으로 둘 다 그리 예쁘게 생기진

wazacs.tistory.com

 

https://recordingding.tistory.com/entry/CSS-Select-%EB%B0%95%EC%8A%A4-%ED%99%94%EC%82%B4%ED%91%9C-%EC%97%86%EC%95%A0%EA%B8%B0-%EC%BB%A4%EC%8A%A4%ED%85%80%ED%95%98%EA%B8%B0#google_vignette

 

[CSS] Select 박스 화살표 없애기, 커스텀하기

Select 박스 화살표 없애기 🩸이슈 발생 select 박스 기본 화살표 없애고 커스텀해보자. 🩹이슈 해결 1.Html 선택해주세요. 옵션1 2. CSS select { -webkit-appearance: none; /* 크롬 화살표 없애기 */ -moz-appearance

recordingding.tistory.com