样式化动态内容

Question

我目前有一个简单的应用程序，它功能齐全，并使用 php 和 sql 查询数据。但是，我正在努力为网站设置样式，因为属性似乎没有被应用。我正在使用以下代码将我的搜索栏、下拉菜单和提交按钮包装在一个类中，目的是使所述类居中并在其周围放置一个边框。这是我在网页中使用的代码：

IF (!isset($_REQUEST['submit'])) {
    //drop down
    $sqlDrop = "SELECT DISTINCT ID as contID, Name as contName from w_Continent order by contName;";
    $stmtDrop = $db->query($sqlDrop);
//Start a form
    echo "<div class='searchWrap'>";
    echo "<form action='listCont.php' method='get'>\n";
//Start a select box
    echo "<select name='contID'>\n";
    echo "<option value=\"0\" disabled selected>Select Continent</option>";
//Loop through all continents
    while ($dropdownVar = $stmtDrop->fetchObject()) {
//Display each one as an option in the drop down
        echo "\t\t<option value='{$dropdownVar->contID}'> {$dropdownVar->contName} </option>\n";
    }//end loop
echo "</select>";
// Put filter textbox here
    echo "<input name='countFilter' type='text' placeholder='filter by country name'/>";
// display submit button
    echo "<input name ='submit' type='submit' value='Search' />\n";
    //end form
    echo "</form>";
    echo "</div>";

这是样式表中使用的代码：

.searchWrap {
    border-style: solid;
    text-align: center;
}

为大块代码道歉，只是我需要包含 div 的所有内容来显示有关问题的相关代码。对此的任何帮助都会很棒。谢谢！

Answer 1

改变这个

.searchWrap {
      border-style: solid; 
      text-align:center;
}

到

 .searchWrap {
      border:1px solid #ccc; 
      text-align:center;
}