我試圖將 Ionic 單選按鈕的圖示向上移動幾個像素，但我無法這樣做。
下面是代碼供參考：
// HTML
<ion-radio class="radio-input" mode="md" slot="start" [value]="data"></ion-radio>
// SCSS
.radio-input {
// this contains things irrelevant to the question
}
似乎影響我需要的按鈕部分的類是.radio-icon，但我無法在組件的樣式表上影響它。定位.radio-input類沒有任何作用，因為它會影響整個事物，而不僅僅是按鈕。
隱藏元素并使用“假”無線電輸入不是一種選擇。
這里的正確方法是什么？
編輯：該專案正在 Ionic 6 上運行。
uj5u.com熱心網友回復：
Ionic組件使用shadow DOM，這意味著您不能像原生HTML元素一樣直接在它們上應用樣式或CSS類。
為此，回到他們關于這部分的檔案，我說：
要從外部設定 Shadow DOM 組件的內部元素樣式，您必須使用CSS 自定義屬性或CSS Shadow Parts。
你需要考慮到這一點，我現在不知道你到底想做什么，但例如：
ion-radio有 2 個部分可以更新，mark并且container，您可以通過以下方式更改它們的樣式：
ion-radio::part(mark) {
margin-bottom: 10px;
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/339573.html