[仅限于Safari中的CSS错误，侧边栏中的文本框显示得更宽

Question

在WordPress网站上，该网站的侧边栏中有一个文本框输入字段被拉长，但在WordPress网站上发生了一个奇怪的错误，但是此问题似乎仅在Safari上出现。我相信这可能与自动填充有关，因为该选项如下图所示。有关如何解决此问题的任何想法？以下是一些图片供参考，第一个是它在其他浏览器中的显示方式，第二个是在Safari中，网站链接为：

https://ScottsThinking.com

Answer 1

可能类似

/* SET WIDTHS FOR MAILCHIMP FORM INPUT BOXES (ESP. SAFARI) */
.widget_an_mailchimp input[type=text], .widget_an_mailchimp input[type=email] {
    width: 100%;
}

通过Customizer添加的附加CSS。我现在没有访问Safari的权限，因此无法测试以确保不需要更多，但代码应使两个输入框的宽度与搜索框的宽度相同，我认为这样会看起来不错如果您不喜欢100％，当然也可以尝试其他宽度。

您也可以尝试max-width，它可能会更好或更有效，并且可以说更“正确”-或添加!important。您也可以尝试仅使用Safari的媒体查询-https://stackoverflow.com/a/25975282/3692443，但是对于一个简单的Blog窗口小部件显示问题来说，这似乎做得还不错。