Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html iOS设备上的网站风格不同_Html_Css_Frontend - Fatal编程技术网

Html iOS设备上的网站风格不同

Html iOS设备上的网站风格不同,html,css,frontend,Html,Css,Frontend,例如,此输入类型为submit windows和android: 网间网操作系统: 在iOS上使用不同类型的浏览器(Google、Chrome和safari)的结果相同 布鲁斯ubmit先生{ 背景色:#64B5F6; 字体大小:粗体; 填充:3x2%; 边界半径:5px; 字体大小:110%; 颜色:#FFFFFF; 文字装饰:无; 边界:0; } .blueSubmit:悬停,.blueSubmit:焦点{ 背景色:#1E88E5; } 每个浏览器都有自己的默认CSS值。要在iOS中

例如,此输入类型为submit
windows和android:

网间网操作系统:
在iOS上使用不同类型的浏览器(Google、Chrome和safari)的结果相同


布鲁斯ubmit先生{
背景色:#64B5F6;
字体大小:粗体;
填充:3x2%;
边界半径:5px;
字体大小:110%;
颜色:#FFFFFF;
文字装饰:无;
边界:0;
}
.blueSubmit:悬停,.blueSubmit:焦点{
背景色:#1E88E5;
}

每个浏览器都有自己的默认CSS值。要在iOS中获得相同的外观,请使用
-webkit外观:无

.blueSubmit {
    background-color: #64B5F6;
    font-weight: bold;
    padding: 3px 2%;
    border-radius: 5px;
    font-size: 110%;
    color: #FFFFFF;
    text-decoration: none;
    border: 0;
    -webkit-appearance: none;
}

应该有用

我认为这是唯一能做到这一点的做法。这与重置保证金或其他任何东西一样;您只需重新设置浏览器中的默认选项即可为自己设置样式。是的,您可以使用
-webkit外观:无到每个元素(
*{-webkit外观:无;}
)。
.blueSubmit {
    background-color: #64B5F6;
    font-weight: bold;
    padding: 3px 2%;
    border-radius: 5px;
    font-size: 110%;
    color: #FFFFFF;
    text-decoration: none;
    border: 0;
    -webkit-appearance: none;
}