尝试在 Chrome 中删除 PayPal 输入周围的边框答案

【问题标题】：Trying to remove border around PayPal input in Chrome尝试在 Chrome 中删除 PayPal 输入周围的边框
【发布时间】：2014-07-01 06:20:31
【问题描述】：

我正在尝试移除我的 PayPal 输入周围的这个边框以及居中对齐文本。

它在 Firefox 中运行良好，但在 Chrome 中存在错误。

这是我正在做的工作的链接。

http://jsfiddle.net/R28f7/1/

我已经尝试过这个焦点修复，但没有成功。

textarea:focus, input:focus{
outline: 0;}

我已经尝试解决这个问题一段时间了，我们将不胜感激。谢谢！

【问题讨论】：

stackoverflow.com/questions/10542868/chrome-border-issue的可能重复

标签： html css google-chrome paypal

【解决方案1】：

您能否将输入类型的 HTML 标记更改为 button ？无论如何，您似乎并未将其用作图像。

<button type="submit" class="button_fix">Order Now</button>

由于您尝试将文本对齐到中心，请从左右移除填充并应用 text-align:center; 这是一个更新的小提琴：

http://jsfiddle.net/DL6QU/7/

【讨论】：

我可以将输入更改为按钮，但它没有链接到正确的 PayPal 页面。有没有办法让按钮仍然正确链接？
用新小提琴更新答案，使用 type="submit" 的按钮元素
还在底部添加了一个CSS规则，让鼠标悬停在按钮上时变成一只手。

【解决方案2】：

尝试这样使用：DEMO

HTML：

<input type="submit" class="button_fix" name="submit" value="Order Now">

CSS：

.button_fix {    
    display:block;
    background-color:#c0392b;
    text-align:center;
    width:200px;
    padding:10px 35px;
    color:#fff;
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 8px; 
    /* Firefox 1-3.6 */
    -moz-border-radius: 8px; 
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 8px; 
    font-size:2em;
    font-weight:200;
    font-family: Helvetica, sans-serif;
    margin:10px auto 0px auto;
    outline:none;
    border:0;
}

希望对你有帮助

【讨论】：