我正在Wix，Wordpress等網頁構建平臺上構建我的主頁。但是我的平臺不支持匯入 css 檔案...我在主頁上使用了“詳細資訊”標簽。但我發現它在 chrome 瀏覽器上沒有顯示箭頭，但在 safari 瀏覽器上卻顯示了箭頭。我也想在 Safari 上隱藏箭頭。
所以我嘗試了這段代碼。
<details style="list-style:none;">
<summary style="list-style:none;font-size:14px; cursor:pointer;">Open</summary>
</details>
我把'list-style:none;' 但它仍然無法正常作業。那么有沒有不使用cssfile不顯示箭頭的方法呢？
uj5u.com熱心網友回復：
您不能以行內樣式定位偽類或偽元素，因此如果您仍想在 HTML 檔案中撰寫它，唯一的選擇是這樣的：
<style>
summary::-webkit-details-marker {
display:none;
}
</style>
uj5u.com熱心網友回復：
實際上，答案很簡單，但并不直觀。
使用display: block;中總結
summary {
display: block;
}<details>
<summary>hello world</summary>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eaque quos exercitationem quis delectus. Nisi, porro! Possimus placeat quasi aliquid, aperiam ex, adipisci fugiat similique, minima autem assumenda quod quis officiis!</p>
</details>您可以使用上面看到的相同方法，style="display: block;"如果您的 CMS 不支持匯入.css 檔案
只是一個 CSS 屬性，那么您可以。（這是目前最簡單的解決方案）
或者我現在在互聯網上看到，你可以設定這個偽元素的樣式 ::-webkit-details-marker
一切都以 2 冒號開頭::像這樣::NameOfPsudoElement是偽元素）
::-webkit-details-marker {
display:none;
}
但我認為您的 CMS 不支持上傳外部.css檔案，因為您不能使用偽元素的style=""方法
但是如果您的 cms 支持撰寫您自己的 HTML，
您可以將上面的 CSS 嵌套在<style>標簽內
所以對我來說去第一個答案！
顯示代碼片段
summary {
display: block;
}<details>
<summary>hello world</summary>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eaque quos exercitationem quis delectus. Nisi, porro! Possimus placeat quasi aliquid, aperiam ex, adipisci fugiat similique, minima autem assumenda quod quis officiis!</p>
</details>轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/405862.html
標籤：
上一篇：在FlutterWeb中使用httppost獲取用于RazorpayAPI呼叫的XMLHttpRequest錯誤
下一篇：引導導航欄下拉選單不起作用