Can you target Google Chrome?

前端 未结 2 2036
广开言路
广开言路 2020-12-08 12:09

I need to position this update button on www.euroworker.no/order (you\'ll have to add an item to the cart, use the Kjøp button to add and Handlevogn to view the cart). Works

相关标签:
2条回答
  • 2020-12-08 12:15
    @media screen and (-webkit-min-device-pixel-ratio:0) {
    
        /*Chrome CSS here*/
    
        #cartUpdate {
            position:absolute;
            width:160px;
            height:30px;
            left:660px;
            bottom:40px;
        }
    }
    

    Fixed the problem :)

    UPDATE

    This resource works better: CSS browser/OS selectors with JS.

    0 讨论(0)
  • 2020-12-08 12:20

    There are some browser hacks available for targeting a specific browser,some of them will work on all the versions of the browser,and some one them not.

    Here is the list of some the Google Chromes's hacks:

    WebKit hack:

    .selector:not(*:root) {}
    
    • Google Chrome:All the versions
    • Safari:All the versions
    • Opera :14 and Later
    • Android:All the versions

    Supports Hacks:

    @supports (-webkit-appearance:none) {}
    

    Google Chrome 28,and Google Chrome > 28, Opera 14 and Opera > 14

    • Google Chrome:28 and Later
    • Opera :14 and Later

    Property/Value Hacks:

    .selector { (;property: value;); }
    .selector { [;property: value;]; }
    

    Google Chrome 28,and Google Chrome < 28, Opera 14 and Opera > 14,and Safari 7 and Less than 7. - Google Chrome:28 and Before - Safari:7 and Before - Opera :14 and Later

    JavaScript Hacks:1

    var isChromium = !!window.chrome;
    
    • Google Chrome:All the versions
    • Opera :14 and Later
    • Android:4.0.4

    JavaScript Hacks:2 {Webkit}

    var isWebkit = 'WebkitAppearance' in document.documentElement.style;
    
    • Google Chrome:All the versions
    • Safari:3 and Later
    • Opera :14 and Later

    JavaScript Hacks:3

    var isChrome = !!window.chrome && !!window.chrome.webstore;
    
    • Google Chrome:14 and Later

    Media Query Hacks:1

    @media \\0 screen {}
    
    • Google Chrome:22 to 28
    • Safari:7 and Later

    Media Query Hacks:2

    @media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { .selector {} }
    
    • Google Chrome:29 and Later
    • Opera:16 and Later

    For more information please visit this website

    0 讨论(0)
提交回复
热议问题