可以使用Ionic更改iOS選擇輸入的字體大小

Question

我有一個正在Ionic從事的項目，客戶詢問是否可以在選擇的輸入上減小字體大小。

這是來自Google的隨機圖片，但顯示了我所引用的iOS上的選定“滾動條”：

藍色，綠色和紅色選項需要較小的字體。 我很確定這不可能完成，對我來說也更容易。

Answer 1

您沒有說明要使用哪個版本的離子，所以我將假定它是最新版本。

離子中的每個組件都有分配的sass變量，這些變量可用於瞄准組件的特定元素，然后可使用該元素相應地對其樣式進行樣式設置。

在您的theme/variables.scss文件中，您可以定位一個變量，該變量將覆蓋默認樣式。 在您的情況下，這將是所選字體的大小。 現在，在此用例中，字體大小是繼承的屬性，並且沒有分配特定的sass變量（您可以在此處查看select的所有sass變量）

因此，在這種情況下，要覆蓋默認樣式，您必須使用

.ios,.md,.wp{
    // your style here
}

從圖像看來，您正在使用“動作表選擇”樣式。 這將針對.action-sheet-ios .action-sheet-button類以更改字體大小。

.ios{
    .action-sheet-ios .action-sheet-selected,
    .action-sheet-ios .action-sheet-button{
         font-size:1rem;
     }
}

這專門針對ios 。

Answer 2

這可以通過CSS完成。 首先通過實驗室服務您的應用

ionic serve --lab

比從chrome檢查元素並選擇文本組件並找到其類。 然后，您可以添加自定義CSS樣式。

歡呼聲：D