Element-UI : 컴포넌트 간 폰트 패밀리 차이
컴포넌트 간에 폰트 스타일/패밀리가 표준이 아닙니다.예를 들어 다음과 같습니다.
- 입력과 텍스트 영역
- datatable vs datatable 페이지 크기 포퍼 드롭다운
- 통지 메시지
"element-ui" 방식으로 수정하려면 어떻게 해야 합니까?감사합니다.
Element-UI 버전: 2.4.6
웹 팩을 사용하는 경우 요소 UI를 가져올 때 다음 코드를 추가하는 옵션 중 하나입니다.
import 'element-ui/lib/theme-chalk/reset.css'
원본 답변은 다음과 같습니다.
https://forum.vuejs.org/t/elementui-styling-is-not-applied-to-new-webpack-element-ui-project/26194/9
제 시나리오에서는 폰트 패밀리를 글로벌하게 변경하고 싶었습니다.
위의 reset.css를 Import하는 것 외에 몇 가지 컴포넌트(예: <input>s,<button>는 아직 동작하지 않고 선언된 폰트 패밀리를 상속하고 있습니다(예를 들어,<body>브라우저 디폴트 설정으로 되돌아가고 있었습니다.
Element-ui GitHub의 문제를 파헤치다가, 이러한 누락된 요소들이 폰트 패밀리를 상속하도록 강요하는 다음과 같은 단편들을 발견했다.그래서 본문에 있는 단일 폰트 패밀리의 정의는 모든 컴포넌트에 전파될 것이다.본문 폰트 패밀리 정의 직후에 삽입합니다.
button,
input,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
color: inherit;
}
취득처: https://github.com/ElemeFE/element/issues/150#issuecomment-249750366
언급URL : https://stackoverflow.com/questions/52050877/element-ui-font-family-differencies-between-components
'programing' 카테고리의 다른 글
| 루트 변경 없이 Nuxt.js 미들웨어 재평가 (0) | 2022.08.03 |
|---|---|
| 파이프를 사용하여 두 프로그램 간에 간단한 문자열을 보내는 방법은 무엇입니까? (0) | 2022.08.03 |
| vuex의 여러 모듈에 대한 올바른 구문 (0) | 2022.08.03 |
| vue-form-generator의 선택 필드를 동적 값으로 채웁니다. (0) | 2022.08.03 |
| 데이터 전 평가 v-if를 보여 주는 Vuej (0) | 2022.08.03 |