html 字段大小写吗,html – safari浏览器中的输入字段：边框大写文本

正如标题所示,以下代码的输出在safari浏览器上没有显示：

1) Border of input type-search not showing

2) text-transform: uppercase doesn’t work.

其余的浏览器显示确切的输出.请参阅下面附带的图像.

HTML：

Search

CSS：

.searchLob{

position: relative;

display: inline-block;

}

.searchInput{

position: relative;

border: 2px solid #d2d4d8;

height: 44px;

padding: 0 10px;

background-color: #fff;

width: 200px;

margin: 2px 0 0 2px;

float: left;

text-transform: uppercase;

}

.searchInputBtn{

position: relative;

float: left;

border: medium none;

color: #fff;

cursor: pointer;

font: 14px 'arial';

height: 44px;

margin-left: -4px;

margin-top: 2px;

text-decoration: none;

text-transform: uppercase;

width: 70px;

background-color: #6692a7;

}

.searchInputBtn:hover{

background-color:#547e92;

}

textarea:focus, input:focus, select:focus{

border-color: #cccfd0;

box-shadow: 0 1px 1px rgba(204, 207, 208, 0.075) inset, 0 0 8px rgba(204, 207, 208, 1);

outline: 0 none;

}

我也尝试过以下方法：

CSS：

@media screen and (-webkit-min-device-pixel-ratio:0) {

/* Safari and Chrome */

.myClass {

color:red;

}

/* Safari only override */

::i-block-chrome,.myClass {

color:blue;

}

}

使它适用于野生动物园,但没有做任何事情.

我该怎么办？

？

[我正在使用Safari浏览器版本：5.1.7(Build：7534.57.2)]