Question

我正在尝试删除围绕我的PayPal输入的边框以及居中对齐文本。

它适用于Firefox，但Chrome中存在错误。

这是我正在处理的内容的链接。

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

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

我一直试图解决这个问题一段时间，任何帮助都会受到赞赏。谢谢！

Answer 1

您是否可以将输入类型的HTML标记更改为按钮？看起来你似乎并没有将它用作图像。

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

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

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

Answer 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;
}

希望这有帮助

尝试删除Chrome中的PayPal输入边框

2 个答案: