{"id":516,"date":"2019-01-28T20:00:00","date_gmt":"2019-01-28T11:00:00","guid":{"rendered":"https:\/\/netamame.com\/site\/?p=516"},"modified":"2023-01-20T14:22:58","modified_gmt":"2023-01-20T05:22:58","slug":"browser-css-hack","status":"publish","type":"post","link":"https:\/\/netamame.com\/browser-css-hack\/","title":{"rendered":"\u30d6\u30e9\u30a6\u30b6\u5225\u306eCSS\u30cf\u30c3\u30af"},"content":{"rendered":"\n<p>\u4eca\u56de\u306f\u4e3b\u8981\u306a\u30d6\u30e9\u30a6\u30b6\u5225\u306bCSS\u306e\u9069\u7528\u65b9\u6cd5\u3092\u7d39\u4ecb\u3057\u307e\u3059\u3002<br>(\u203b2019\u5e74\u306e\u8a18\u4e8b\u3067\u3059\u304c\u5185\u5bb9\u3092\u4e00\u90e8\u4fee\u6b63\u3057\u307e\u3057\u305f)<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u30b5\u30f3\u30d7\u30eb\u30b3\u30fc\u30c9&amp;\u5b9f\u884c\u7d50\u679c<\/h2>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-html\" data-lang=\"HTML\"><code>&lt;p class=&quot;css-hack&quot;&gt;\u3053\u3053\u306f\u4f55\u8272\uff1f&lt;\/p&gt;<\/code><\/pre><\/div>\n\n\n\n<p class=\"css-hack has-large-font-size\"><strong>\u3053\u3053\u306f\u4f55\u8272\uff1f<\/strong><\/p>\n\n\n\n<p>\u3053\u3053\u306e\u6587\u5b57\u8272\u306f\u4f55\u8272\u306b\u306a\u3063\u3066\u3044\u308b\u3067\u3057\u3087\u3046\u304b\uff1f(\u3082\u3057\u7d50\u679c\u304c\u9055\u3063\u3066\u3044\u305f\u3089\u6559\u3048\u3066\u4e0b\u3055\u3044\u2026)<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Google Chrome \u2192 <strong><span style=\"color:#0000ff\" class=\"has-inline-color\">\u9752<\/span><\/strong><\/li><li>Opera \u2192 <strong><span style=\"color:#0000ff\" class=\"has-inline-color\">\u9752<\/span><\/strong><\/li><li>Safari \u2192 <strong><span style=\"color:#008000\" class=\"has-inline-color\">\u7dd1<\/span><\/strong><\/li><li>Firefox \u2192 <strong><span style=\"color:#ffa500\" class=\"has-inline-color\">\u30aa\u30ec\u30f3\u30b8<\/span><\/strong><\/li><li>Edge(Chromium) \u2192 <strong><span style=\"color:#800080\" class=\"has-inline-color\">\u7d2b<\/span><\/strong><\/li><li>IE10 \/ IE11 \u2192 <strong><span style=\"color:#808080\" class=\"has-inline-color\">\u7070\u8272<\/span><\/strong><\/li><\/ul>\n\n\n\n<p>\u203b\u4e0a\u304b\u3089\u9806\u306bCSS\u3092\u9069\u7528\u3055\u305b\u3066\u3044\u3063\u3066\u3044\u308b\u306e\u3067\u300cChrome\u3068Opera\u306f<strong><span style=\"color:#ff0000\" class=\"has-inline-color\">red<\/span><\/strong>\u304b\u3089<strong><span style=\"color:#0000ff\" class=\"has-inline-color\">blue<\/span><\/strong>\u306b\u300d\u300cSafari\u306f<strong><span style=\"color:#ff0000\" class=\"has-inline-color\">red<\/span><\/strong>\u304b\u3089<strong><span style=\"color:#008000\" class=\"has-inline-color\">green<\/span><\/strong>\u306b\u300d\u4e0a\u66f8\u304d\u3055\u308c\u3066\u3044\u307e\u3059<strong>\u3002\u958b\u767a\u8005\u30c4\u30fc\u30eb\u3067\u300c\u3053\u3053\u306f\u4f55\u8272\uff1f\u300d\u90e8\u5206\u3092\u8abf\u3079\u3066\u307f\u3066\u4e0b\u3055\u3044\u3002<\/strong><\/p>\n\n\n\n<div class=\"wp-block-vk-blocks-alert alert alert-danger\"><p><strong>\u203b2021\u5e7411\u6708\u73fe\u5728\u3001Edge\u3060\u3051\u306b\u6709\u52b9\u306a\u3082\u306e\u3092\u898b\u3064\u3051\u3089\u308c\u3066\u304a\u3089\u305a\u2026(\u6709\u52b9\u306a\u65b9\u6cd5\u304c\u3042\u3063\u305f\u3089\u6559\u3048\u3066\u4e0b\u3055\u3044\u2026)\u3002<\/strong><\/p><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">\u30d6\u30e9\u30a6\u30b6\u3054\u3068\u306e\u6307\u5b9a\u65b9\u6cd5<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Google Chrome \/ Safari \/ Opera<\/h3>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-css\" data-lang=\"CSS\"><code>\/* chrome safari opera *\/\n@media screen and (-webkit-min-device-pixel-ratio: 0) {\n    .css-hack {\n        color: red;\n    }\n}<\/code><\/pre><\/div>\n\n\n\n<p>webkit\u7cfb\u306e\uff13\u30d6\u30e9\u30a6\u30b6\u5168\u3066\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Google Chrome \/ Opera<\/h3>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-css\" data-lang=\"CSS\"><code>\/* chrome opera *\/\n@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {\n    .css-hack {\n        color: blue;\n    }\n}<\/code><\/pre><\/div>\n\n\n\n<p>Safari\u3092\u9664\u3044\u305fwebkit\u7cfb\uff12\u3064\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<br>\u203b\u3061\u306a\u307f\u306b\u3001Opera\u3060\u3051\u306eCSS\u30cf\u30c3\u30af\u306f\u51c4\u304f\u53e4\u3044\u60c5\u5831\u3057\u304b\u898b\u3064\u304b\u308a\u307e\u305b\u3093\u3067\u3057\u305f\u3002\u4eca\u307e\u3067\u306bOpera\u3060\u3051\u4f55\u3068\u304b\u3057\u305f\u3044\u3068\u3044\u3046\u73fe\u8c61\u306b\u5f53\u305f\u3063\u305f\u3053\u3068\u304c\u7121\u3044\u306e\u3067\u3001\u8208\u5473\u306e\u3042\u308b\u65b9\u306f\u4e0b\u306e\u8a18\u4e8b\u3092\u3069\u3046\u305e\u30012010\u5e74\u306e\u8a18\u4e8b\u3067\u3059\u3002<\/p>\n\n\n\n<p>\u3010\u8208\u5473\u304c\u3042\u308c\u3070\u3011<a rel=\"noreferrer noopener\" href=\"https:\/\/www.webcreatorbox.com\/tech\/css-hack-list\" data-type=\"URL\" data-id=\"https:\/\/www.webcreatorbox.com\/tech\/css-hack-list\" target=\"_blank\">CSS\u30cf\u30c3\u30af\u4e00\u89a7 \u2013 IE, Firefox, Safari\u306a\u3069\u306a\u3069 | Web\u30af\u30ea\u30a8\u30a4\u30bf\u30fc\u30dc\u30c3\u30af\u30b9<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Safari<\/h3>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-css\" data-lang=\"CSS\"><code>\/* safari *\/\n@media screen and (-webkit-min-device-pixel-ratio: 0) {\n    _::-webkit-full-page-media, _:future, :root .css-hack {\n        color: green;\n    }\n}<\/code><\/pre><\/div>\n\n\n\n<p>Safari\u306e\u307f\u306b\u9069\u7528\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Firefox<\/h3>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-css\" data-lang=\"CSS\"><code>\/* Firefox *\/\n@-moz-document url-prefix() {\n    .css-hack {\n        color: orange;\n    }\n}<\/code><\/pre><\/div>\n\n\n\n<p>Firefox\u306e\u307f\u306b\u9069\u7528\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Edge (Chromium)<\/h3>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-css\" data-lang=\"CSS\"><code>\/* Edge(\u30ec\u30ac\u30b7\u30fc\u7248) \u203b\u73fe\u5728\u306e\u30d0\u30fc\u30b8\u30e7\u30f3\u3067\u306f\u7121\u52b9 *\/\n@supports (-ms-ime-align: auto) {\n\t.css-hack {\n        color: purple;\n    }\n}\n\n\/* Edge(Chromium) \u203b\u73fe\u5728\u306e\u30d0\u30fc\u30b8\u30e7\u30f3\u3067\u306f\u7121\u52b9 *\/\n_:lang(x)::-ms-, .css-hack {\n    color: purple;\n}<\/code><\/pre><\/div>\n\n\n\n<p><mark style=\"background-color:rgba(0, 0, 0, 0);color:#ff0000\" class=\"has-inline-color\"><strong>2021\u5e7411\u6708\u73fe\u5728\u3001Edge\u3060\u3051\u306b\u6709\u52b9\u306a\u3082\u306e\u3092\u898b\u3064\u3051\u3089\u308c\u3066\u304a\u3089\u305a\u2026\u3002<\/strong><\/mark><br>\u4ee5\u4e0b\u306e\u30da\u30fc\u30b8\u3082\u53c2\u8003\u306b\u3057\u3066\u307f\u3066\u4e0b\u3055\u3044 (\u95b2\u89a7\u3057\u3066\u3044\u308b\u30d6\u30e9\u30a6\u30b6\u3067\u6709\u52b9\u306a\u30cf\u30c3\u30af\u304c\u6697\u3044\u8d64\u8272\u306b\u30cf\u30a4\u30e9\u30a4\u30c8\u3055\u308c\u307e\u3059)\u3002<\/p>\n\n\n\n<p>browser strangeness<br><a rel=\"noreferrer noopener\" href=\"https:\/\/browserstrangeness.github.io\/css_hacks.html\" target=\"_blank\">https:\/\/browserstrangeness.github.io\/css_hacks.html<\/a><br><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Internet Explorer (IE11)<\/h3>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-css\" data-lang=\"CSS\"><code>\/* IE11 *\/\n_:-ms-lang(x)::-ms-backdrop, .css-hack {\n        color: gray;\n}\n\/* IE10 & IE11 *\/\n_:-ms-input-placeholder, :root .css-hack {\n        color: gray;\n}<\/code><\/pre><\/div>\n\n\n\n<p>-ms-high-contrast \u3067\u6307\u5b9a\u3059\u308b\u65b9\u6cd5\u3082\u3042\u308b\u3051\u3069\u3001\u3042\u307e\u308a\u30aa\u30b9\u30b9\u30e1\u3057\u307e\u305b\u3093\u3002<br>\u4e8c\u3064\u76ee\u306e _:-ms-input-placeholder, :root \u3092\u4f7f\u3046\u3053\u3068\u304c\u591a\u3044\u3067\u3059\u3002<\/p>\n\n\n\n<p>\u3010\u53c2\u8003\u3011<a rel=\"noreferrer noopener\" href=\"https:\/\/jeffreyfrancesco.org\/weblog\/2017042601\/\" data-type=\"URL\" data-id=\"https:\/\/jeffreyfrancesco.org\/weblog\/2017042601\/\" target=\"_blank\">-ms-high-contrast \u3092 CSS \u30cf\u30c3\u30af\u306b\u4f7f\u3063\u3066\u306f\u3044\u3051\u306a\u3044\u3001\u305f\u3060\u3072\u3068\u3064\u306e\u7406\u7531<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">IE10\u4ee5\u4e0b\u306b\u3064\u3044\u3066<\/h3>\n\n\n\n<p>IE10\u4ee5\u4e0b\u306b\u5bfe\u5fdc\u3059\u308b\u3068\u306a\u308b\u3068\u8272\u3005\u3068\u5384\u4ecb\u3067\u3059\u3002<br>\u5f53\u521d\u3001IE10\u4ee5\u4e0b\u306b\u3064\u3044\u3066\u3082\u7e8f\u3081\u3088\u3046\u3068\u601d\u3044\u307e\u3057\u305f\u304c\u3001\u8272\u3093\u306a\u610f\u5473\u3067\u5fc3\u304c\u6298\u308c\u305d\u3046\u306b\u306a\u3063\u305f\u306e\u3067\u3001\u77e5\u308a\u305f\u3044\u65b9\u306f\u4ee5\u4e0b\u306e\u8a18\u4e8b\u3092\u898b\u3066\u307f\u3066\u4e0b\u3055\u3044\u3002<\/p>\n\n\n\n<p>\u3010\u53c2\u8003\u3011<a href=\"https:\/\/spyweb.media\/2017\/12\/04\/ie-edge-css-hacks\/\" data-type=\"URL\" data-id=\"https:\/\/spyweb.media\/2017\/12\/04\/ie-edge-css-hacks\/\" target=\"_blank\" rel=\"noreferrer noopener\">IE8\u301c11\/Edge12\u301c\u306e\u5404\u30d0\u30fc\u30b8\u30e7\u30f3\u306b\u5bfe\u5fdc\u3057\u305fCSS\u30cf\u30c3\u30af\u307e\u3068\u3081<\/a><\/p>\n\n\n\n<p>IE10\u4ee5\u4e0b\u3078\u306e\u5bfe\u5fdc\u306f\u3001\u3088\u3063\u307d\u3069\u7279\u6b8a\u306a\u4e8b\u60c5\u3067\u6c42\u3081\u3089\u308c\u3066\u3044\u306a\u3044\u9650\u308a\u3001\u4eba\u7684\u52aa\u529b(\u8aac\u660e&amp;\u8aac\u5f97)\u3067\u5bfe\u5fdc\u3057\u305f\u65b9\u304c\u826f\u3044\u3068\u601d\u3044\u307e\u3059\u2026\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>(\u203b2019\u5e74\u306e\u8a18\u4e8b\u3067\u3059\u304c\u5185\u5bb9\u3092\u4e00\u90e8\u4fee\u6b63\u3057\u307e\u3057\u305f)\u4eca\u56de\u306f\u4e3b\u8981\u306a\u30d6\u30e9\u30a6\u30b6\u5225\u306bCSS\u306e\u9069\u7528\u65b9\u6cd5\u3092\u7d39\u4ecb\u3057\u307e\u3059\u3002webkit\u7cfb\u306e\uff13\u30d6\u30e9\u30a6\u30b6\u5168\u3066\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002Safari\u3092\u9664\u3044\u305fwebkit\u7cfb\uff12\u3064\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<\/p>\n","protected":false},"author":1,"featured_media":1319,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[69,2],"tags":[7,39,40],"class_list":["post-516","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-popular","category-web","tag-css","tag-39"],"acf":[],"_links":{"self":[{"href":"https:\/\/netamame.com\/wp-json\/wp\/v2\/posts\/516","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/netamame.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/netamame.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/netamame.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/netamame.com\/wp-json\/wp\/v2\/comments?post=516"}],"version-history":[{"count":0,"href":"https:\/\/netamame.com\/wp-json\/wp\/v2\/posts\/516\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/netamame.com\/wp-json\/wp\/v2\/media\/1319"}],"wp:attachment":[{"href":"https:\/\/netamame.com\/wp-json\/wp\/v2\/media?parent=516"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/netamame.com\/wp-json\/wp\/v2\/categories?post=516"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/netamame.com\/wp-json\/wp\/v2\/tags?post=516"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}