google-chrome - 在Windows 8 Chrome中，搜索框样式是否困惑？

我只是在搜索框中添加了一些样式，使角变圆并添加了更多效果。在Linux下的Chrome和firefox中尝试该网站时，一切正常。它在IE 10（在Windows 8中）也可以正常工作。但是在Windows 8 Chrome（不是Metro版本）中，样式搞砸了！为什么？这是我添加的样式：

    #top-search {
        border: 1px solid #BABABA;
        -webkit-border-radius: 18px 18px 18px 18px;
        -moz-border-radius: 18px 18px 18px 18px;
        -o-border-radius: 18px 18px 18px 18px;
        border-radius: 18px 18px 18px 18px;
        box-shadow: 0 0 4px #CFCFCF;
        color: #696969;
        float: right;
        font-size: 11px;
        margin-right: 2%;
        margin-top: 8px;
        opacity: 0.7;
        padding: 3px 3px 3px 7px;
        width: 6%;
        outline: none;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
        &:hover, &:focus, {
            opacity: 1;
            width: 8%;
        }
    }

搜索框的显示方式如下：

最佳答案

只需将输入类型从“搜索”更改为“文本”

关于google-chrome - 在Windows 8 Chrome中，搜索框样式是否困惑？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14036572/