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