0

我有一个非常简单的 php 联系表格。我正在尝试使表单看起来不错，并且在我设置提交按钮的样式之前一切都很顺利。

按钮代码为：

<input type="submit" value="Submit">

我想使用 css 来设置按钮的样式。

我想使用的代码是：

<input type="submit" id="comment-submit" value="Submit">

id="comment-submit" 的 CSS 是：

#comment-submit {
    width: 144px;
    height: 44px;
    display: block;
    border: 0;
    font-family: "YanoneBold", Arial, sans-serif;
    font-size: 18px; 
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #fff;
    text-shadow: 0px 1px 0px rgba(0,0,0,0.35);
    padding: 0 4px 4px 0;
    margin: 30px 0 80px 0;
}

没有样式，表单可以正确提交。使用样式，表单什么都不做。

4

3 回答 3

1

Instead of declaring it as an ID, declare it as a CLASS

so 

.comment_submit {
    width: 144px;
    height: 44px;
    display: block;
    border: 0;
    font-family: "YanoneBold", Arial, sans-serif;
    font-size: 18px; 
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #fff;
    text-shadow: 0px 1px 0px rgba(0,0,0,0.35);
    padding: 0 4px 4px 0;
    margin: 30px 0 80px 0;
}

<input type="submit" class="comment_submit" value="Submit">

Try this, I guess may be that id is causing problems, and make dash to underscore, and just for the purpose, use a simple font instead of using a web font, and remove text-shadow property too.

于 2012-06-28T15:28:09.980 回答
1

如果您将其更改为 a<button type="submit"它可能会起作用或将 css 更改为input[type=submit]{}但在 IE 中可能会出现问题

于 2012-06-28T14:51:27.800 回答
0

对不起。我应该在评论中添加它，但我没有特权。

我复制/粘贴您的示例，它可以工作。我有：

<form action="" method="get">
    <input type="hidden" name="ble" value="uff" />
    <input type="submit" id="comment-submit" value="Submit">
</form>

在 Chrome 和 Firefox 中，它发送 GET 数据。也许问题出在其他地方。不同的一件事是您的鼠标光标不会改变。

于 2012-06-28T14:54:55.670 回答