CSS– ；表单按钮不是'；对造型没有反应_Css

CSS– ；表单按钮不是'；对造型没有反应

css

CSS– ；表单按钮不是'；对造型没有反应,css,Css,我尝试过设置表单提交按钮的样式，但它没有响应任何CSS样式。我试着单独使用它的类，也试着单独使用id，甚至同时使用类和id，但没有任何效果。我已附上代码： HTML/PHP if ($_POST['submit']) { $member_username = "username"; $member_password = "pass****"; $username = $_POST['username']; $password = $_POST['password']; i

我尝试过设置表单提交按钮的样式，但它没有响应任何CSS样式。我试着单独使用它的

类

，也试着单独使用

id

，甚至同时使用

类

和

id

，但没有任何效果。我已附上代码：

HTML/PHP

if ($_POST['submit']) {
  $member_username = "username";
  $member_password = "pass****";

  $username = $_POST['username'];
  $password = $_POST['password'];

  if ($username == $member_username  && $password == $member_password) {
    $_SESSION['username'] = $username;
    header('Location: secret.php');
  } else {
    echo 'Incorrect username or password';
  }
}
?>

<!DOCTYPE html>
<html>
<head>
  <link href="style.css" rel=stylesheet />
  <link href='http://fonts.googleapis.com/css?family=Oswald:400,700' rel='stylesheet' type='text/css'>
  <title>Topaz</title>
</head>
<body>
  <div class="index">
    <div class="indexcontainer">
      <h1>Topaz</h1>
      <div class="indexform">
        <form action="index.php" method="POST">
          <input class="textbox" type="text" name="username" placeholder="Username" /><br /><br /><br />
          <input class="textbox" type="password" name="password" placeholder="Password" /><br /><br /><br />
          <input class="submit" id="submit" type="submit" name="submit" value="Login" />
        </form>
      </div>
    </div>
  </div>
</body>
</html>

您可以尝试添加一个内联样式，使其在外部样式表上具有先例。只需使用标签，然后将标签放在头部标签区域

<style>
  .submit {
    width: 200px;
  }
  #submit {
    width: 200px;
  }
</style>


.提交{
宽度：200px；
}
#提交{
宽度：200px；
}

它可能只是样式表的相对路径，点击F12（对于chrome，可能需要启用开发控制台，如果需要，请点击google），然后查看网络面板或控制台面板是否显示一个或多个文件的404错误

实际的css应用得很好


.提交{宽度：200px；颜色：红色；}
黄玉
黄玉

请发布静态代码并创建一个演示。我认为css或html不应该有问题。在应用元件后，您是否尝试检查？更改css后是否尝试刷新页面？你能尝试为这个问题创建任何演示吗？我和你一样尝试过使用外部样式的php，它正在工作，所以这是唯一一点CSS不工作的地方？您没有向我们提供完整的图片。您的代码看起来基本正常。您是否尝试过使用Chrome（f12）或firefox的Firebug中的开发人员工具来检查元素，以查看应用于您的元素的样式。还要确保刷新页面缓存，以确保刷新样式表。最后，阅读CSS特殊性规则。

<style>
  .submit {
    width: 200px;
  }
  #submit {
    width: 200px;
  }
</style>