使用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問題的樣式

回答

相關問題