尝试将提交按钮与其他输入分开设置样式 - Trying to style a submit button seperate from other inputs

Trying to style a submit button seperate from other inputs

首先，这可能是一个愚蠢的问题，但我是新手，仍然在弄清楚CSS。我正在尝试 CakePHP 并使用它的表单助手来生成表单。它是这样的：

<p><?php echo $this->Form->input('email');?></p>
<?php echo $this->Form->submit('contact.gif');?>

它产生：

<p>
    <div class="input text">
        <label for="CharityEmail">Email</label>
        <input name="data[Charity][email]" 
               type="text" 
               maxlength="255" 
               id="CharityEmail" />
    </div>
</p> 
<div class="submit">
    <input type="image" src="/raisin/img/contact.gif" />
</div>

在我的 CSS 中，我想给输入框一个 255px 的宽度，但如果我这样做，那么提交按钮也会变得更大。另外，我想要输入框周围的边框，而不是提交按钮，这也是一个问题。

基本上，如何以不同的方式设置提交按钮的样式？CakePHP的正确方法是什么？

这应该有效。在这里，您将类型指定为文本。

input[type=text] { width:255px; }

您可以使用：

input[type=text] {width: 255px;}

或者，如果您必须针对IE6，则看起来可以使用：

div.text input {width: 255px;}

下面

可以找到针对 CakePHP 的更好的方法。我将通过向输入文本元素添加 class 属性来实现此目的。

<?php echo $this->Form->input('email', array('class' => 'yourButtonClass'));

然后在 CSS 文件中定义以下内容：

.yourButtonClass { width: 255px; }