使用CSS问题的样式

我希望我的评论输入文本框比窗体中的其他字段更大。我有下面的代码在我的外接形式：使用CSS问题的样式

//some code 
.divm 
{ 
    width: 50%; 

} 
.centerdiv 
{ 
    margin: 50px auto; 

} 
divm.comments{ 
    height: 20px; 
    width: 20px; 
} 

//some code

我想改变文本框的大小：

<div class="divm centerdiv"> 
<?php echo $this->Form->create('Call'); ?> 
    <fieldset> 
     <legend><?php echo __('Add Call Details'); ?></legend> 
      <?php 

     echo $this->Form->input('call_date',array('required'=>false,'id'=>'datepicker','type'=>'text')); 
     echo $this->Form->input('call_time', array('required'=>false)); 
     echo $this->Form->input('comments', array('required'=>false, 'id'=> 'comments')); 
     echo $this->Form->input('next_call_date',array('required'=>false,'id'=>'datepicker2','type'=>'text')); 
     echo $this->Form->input('customers_id', array('label' =>'Customer Name','options'=>$customers, 'label'=>'Customer Name', 'required'=>false)); 
     echo $this->Form->input('employees_id', array('label' =>'Employee name','options'=>$employees, 'label'=>'Employee name', 'required'=>false)); 

    ?> 
    </fieldset> 

<?php echo $this->Form->end(__('Submit')); ?> 
</div>

如下我增加了一个ID的意见和我的样式表的评论比其他领域更大的尺寸。我试图通过在样式表中添加“divm.comments {}”部分来做到这一点，它似乎没有工作。可以有人帮忙吗？

来源

2014-05-24 user3652541

您正在使用错误的（在这种情况下无效）选择器。它应该只是

#comments { 
    height: 20px; 
}

有关信息，具有一流的名字你用来试图选择具有DIVM的标签名称（没有这样的事）的元素语法=评论

你可能有什么一直以为是选择输入与ID =评论里面的div与class = divm在这种情况下，它应该是.divm #comments（注意空间），但它总是更高性能选择具有ID的元素（他们 - 或至少应该是 - 唯一）

来源

2014-05-24 11:45:06

您可以使用#作为元素ID。 .是用于类。你的新样式表将如下所示：

.divm 
{ 
    width: 50%; 

} 
.centerdiv 
{ 
    margin: 50px auto; 

} 
#comments 
{ 
    height: 20px; 
    width: 20px; 
}

注：所以，如果你想有多个注释字段中输入您原来的CSS将是正确的（除了缺少.divm.comments之前的ID必须属于只有一个元素）但你必须在php中设置0作为class。

来源

2014-05-24 11:44:49 nettux443

使用CSS问题的样式

回答

相关问题