php - 样式化 php 表单 <input type ="submit">

Question

所以我正在尝试向 php 表单添加一些 CSS 样式我有以下 CSS

#button {
  font-size: 14;
  border:none;
  width:20ex;
  height:10ex;
  outline: none;
}

我想将其添加到在 p php 中构造的表单中使用 id="button" 的网页元素属性。

据我所知，这应该可行。

$list = '';
while($row = $result->fetch_assoc()){
$title = $row['title'];
$id = $row['id'];
$summary = $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>';
} 

但是它不应用样式 #button从 CSS 到这个按钮。

我该怎么做？

提前致谢。

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; 
}