css 为什么Html字段集图例在Safari浏览器或iPhone中运行的Ionic应用程序中无法正常显示？

x33g5p2x 于 2023-06-07 发布在 Ionic

关注(0)|答案(2)|浏览(172)

我正在创建Ionic 4 Angular应用程序，并使用Html Fieldset。但是Html字段集在Safari浏览器和iPhone中无法正常显示。

.Legend_css { . /* This is lagend css class use in html */
    position: relative;
    top: 1px;
    padding: 6px;
    color: white;
    text-align: center;
    font-size: 16.16px;
    letter-spacing: 0.15 normal;
    border-radius: 6px;
    margin-left: 58px;
    border: 1px solid rgba(92, 111, 123, 0.829);
    background: rgba(92, 111, 123, 0.829);
    height: 30px;
    width: 240px;
  }

css

来源：https://stackoverflow.com/questions/56523081/why-html-fieldset-legend-not-showing-properly-in-safari-browser-or-ionic-app-run

2条答案

按热度按时间

qltillow1#

alpha通道支持存在已知问题。请参见：https://ionicframework.com/docs/theming/advanced#known-limitations
要分类此问题，请先不要使用RGBA值，看看它是否正确呈现。

赞(0）回复(0）举报 2023-06-07

ac1kyiln2#

只需删除position和top css属性。下面是我的代码。

.Legend_css { . /* This is lagend css class use in html */
    padding: 6px;
    color: white;
    text-align: center;
    font-size: 16.16px;
    letter-spacing: 0.15 normal;
    border-radius: 6px;
    margin-left: 58px;
    border: 1px solid rgba(92, 111, 123, 0.829);
    background: rgba(92, 111, 123, 0.829);
    height: 30px;
    width: 240px;
  }

<fieldset style="height:250px;">
<legend class="Legend_css">ABCDE</legend>
</fieldset>

赞(0）回复(0）举报 2023-06-07

我来回答

css 为什么Html字段集图例在Safari浏览器或iPhone中运行的Ionic应用程序中无法正常显示？

2条答案

相关问题

热门标签

最新问答