Ionic React 如何使用 css 属性

Question

我是 IonicReact 的新手，我不知道如何对该组件使用 css 属性。例如，我正在使用 IonItem 组件，但它不起作用

<IonItem lines="none" className={classes.ionItem}>
...
</IonItem>

它有默认的填充和突出显示效果，所以我想删除它但不知道该怎么做。我尝试使用 useStyles() 和 CSSProperties 但不起作用。

它具有自定义 css 属性，例如 --highlight-height、--inner-padding-start 但不确定如何将它们与 useStyles 和 CSSProperties 一起使用。

Answer 1

const ionItem: CSSProperties = {
    width: '100%',
    '--padding-start': '0px',
}

let classes= useStyles();
<IonItem className={classes.ionItem}>...</IonItem>

应该可以。

Ionic React 如何使用 css 属性

Ionic React how to use css properties

reactjs

ionic-framework

ionic-react