Question

所以我想尝试将一些CSS样式添加到php表单中，我有以下CSS

wrap_content

我想将其添加到使用maxWidth="310dp"属性在网页的p #button { font-size: 14; border:none; width:20ex; height:10ex; outline: none; }元素内构建的表单。

据我所知，这应该有用。

php

但是，它不会将CSS中的样式id="button"应用于此按钮。

我该怎么做？

提前致谢。

Answer 1

您可以将css提交更改为此。而不是使用id按钮

input[type=submit] {
    padding:5px 15px; 
    font-size: 14px;
    border:none;
    width:20ex;
    height:10ex;
    outline: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; 
}

Answer 2

这应该有效

input[type="submit"] {
    font-size: 14;
    border:none;
    width:5em;
    height:2.5em;
    outline: none;
}

Answer 3

您的问题是您的CSS测量单位，ex在CSS中无效。也许您的意思是px或em，但我猜测px您提供的价值大小。这应该可以解决问题

#button {
  font-size: 14px; /*added px*/
  border:none;
  width:20px; /*changed to px*/
  height:10px; /*same as above*/
  outline: none;
}

Answer 4

尝试使用按钮标记然后将css添加到它的id。您可以通过javascript $（＃yourid）.click（function（）{按钮单击执行操作 //你的行动就在这里 }）;

Answer 5

以下代码在Firefox中为我工作（对于此示例，我使用$ i，因为我不知道您的数据库，我已将字体大小更改为15并回显列表）

<style>
#button{
font-size: 15;
border:none;
width:20ex;
height:10ex;
outline: none;
}
</style>

<?php
$list = '';
$i=0; //For this example i am using $i since I do not know your Database 
while($i<6){
$title = 'Title-'.$i;// change this to your database variable $row['title']
$id = $i;// change this to your database variable $row['id']
$summary = 'Summary: '+$i;// change this to your database variable $row['summary']
//I'm assuming you want each link to be different here...
$list.='<div class="Select_Course">
    <form name="courseselect" method="post" action="selectedcourse.php">
    <input type="submit" name="subsearch" value="' .$title. '" id="button">
    <input name="submitcourseselection" type="text" value="'.$title.'"hidden> 
     </form>
    <p>'.$summary.'</p>
    </div>';    
$i++;   

echo $list;
} 
?>

Answer 6

您也可以使用id，但是在CSS中，您需要添加以下代码：

input[id="button"] {
    font-family: "Calibri";
    font-size: 18px;
    background-color:#FF4500;
}

样式化php表单<input type =“submit”/>

6 个答案: