Safari上的样式问题 - 在Chrome上运行正常

Question

我有一个样式问题。其他浏览器上的一切看起来都很棒，但在safari上有一个文件输入框表现得非常奇怪。见下图：

使用Safari打开：

使用Chrome打开（应该如何看）：

CSS：

.fileInput {
    background-color: transparent;
    color: black;
}
.chat {
    height: 80%;
    clear: both;
    background-color: #DDD;
    word-wrap: break-word;
}

非常感谢所有提示和猜测。