如何使用 CSS 專門針對 Internet Explorer 10 客製化功能？

專門針對Internet Explorer 10 客製化功能

針對特定瀏覽器版本自訂功能，例如Internet Explorer 客製化的CSS 或JavaScript ，可以透過策略性CSS 媒體查詢來實現。

克服條件註釋的限制

原始問題中提到的條件註釋方法面臨Internet Explorer 10 忽略註釋的問題，從而阻礙了其專門針對IE10 的能力。

Media 針對IE9、10 和11查詢

要定位一系列Internet Explorer 版本，包括9、10 和11，可以使用以下CSS：

@media screen and (min-width:0<pre class="brush:php;toolbar:false">@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS here */
}

) { /* Enter CSS here */ }

定位Internet Explorer 10專門

為了專門針對Internet Explorer 10，可以使用下列媒體查詢實作：

@supports (-ms-accelerator:true) {
  .selector { property:value; } 
}

針對Microsoft Edge 瀏覽器

針對Microsoft Edge 瀏覽器

針對Microsoft Edge 瀏覽器為了迎合Microsoft Edge瀏覽器，可以使用此媒體查詢：

瀏覽器定位的可靠來源
• 對於如需進一步的指導和見解，建議參考以下來源：
• [將Internet Explorer 特定CSS 移入@media區塊](https://stackoverflow.com/questions/10615206/moving- internet-explorer-specific-css-into-media-blocks)

[如何在中定位 Internet Explorer 10 和 11 CSS](https://css-tricks.com/how-to-target-internet-explorer-10-and-11-in-css/)[適用於Windows 10 和Microsoft Edge Web 的CSS Hacks瀏覽器](https://css-tricks.com/css-hacks-windows-10-microsofts-edge-web-browser/)

以上是如何使用 CSS 專門針對 Internet Explorer 10 客製化功能？的詳細內容。更多資訊請關注PHP中文網其他相關文章！