>  기사  >  위챗 애플릿  >  미니 프로그램에서 버튼 및 스크롤 막대의 기본 스타일을 지우는 방법(코드)

미니 프로그램에서 버튼 및 스크롤 막대의 기본 스타일을 지우는 방법(코드)

不言
不言원래의
2018-08-21 16:59:193491검색

이 글의 내용은 미니 프로그램(코드)에서 버튼과 스크롤바의 기본 스타일을 지우는 방법에 대한 내용입니다. 참고가 필요한 친구들에게 도움이 되었으면 좋겠습니다.

4개의 버튼을 사용하여 아래 그림과 같은 효과를 얻으세요:

스타일을 작성할 때 버튼의 둥근 모서리와 테두리가 항상 지워질 수는 없습니다. 사랑합니다! B 실제로는 버튼의 기본 스타일을 확인하여 해결할 수 있습니다. 버튼을 생성하고 스타일을 확인한 결과 관련 속성은 버튼::after를 사용하여 설정되므로 이 두 가지 기본 스타일을 직접 지울 수는 없습니다. 버튼 스타일을 설정하려면 버튼::after에서 이러한 스타일을 지워야 하는데, 스타일을 지우는 CSS 문이 가장 많습니다. wxss 파일의 시작 부분에 작성하는 것이 가장 좋습니다. 버튼에 설정한 관련 스타일을 지웁니다. 코드는 다음과 같습니다:

button::after{

border-radius: 0;

border: 0;

}

또 다른 함정은 버튼::after에 border-left 값을 설정하면 각 버튼에 왼쪽 테두리를 추가할 수 있다는 것입니다. border-right 값을 설정하면 이 테두리 선만 표시됩니다. 적분 및 계정 잔액에 표시됩니다.

스크롤 뷰의 스크롤 막대 지우기

때로는 넓고 보기 흉한 스크롤 막대가 필요하지 않을 때도 있습니다. 사실 wxss 파일에 다음 코드를 추가하기만 하면 됩니다. wxss 파일의 시작 부분에 이를 작성해야 합니다.

::-webkit-scrollbar{

  width: 0;

  height: 0;

}

관련 권장사항:

WeChat 미니 프로그램의 양식 제출 및 확인과 정규식 사용 소개(코드 포함)

WeChat 미니 프로그램의 json 구성 구성 방법 소개(코드 포함)

위 내용은 미니 프로그램에서 버튼 및 스크롤 막대의 기본 스타일을 지우는 방법(코드)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.