css属性不是div的appyling

时间:2017-07-21 04:39:55

标签: css

在下面的代码中,在div部分成功和失败类中,字体颜色没有变化,div语句变为下划线。正确应用css的text-align和font-size是成功和失败的,请检查

  <html>
  <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js">            </script>  
  <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.1.1.min.js"></script>  
 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

 <style>

 td
 {
   height:40px;
 }
     select
     {
       spacing-left:50px;
     }
     .well-width
     {   
       height:400px;     
       border-radius:10px;     
       width:600px;        
      -webkit-box-shadow:0 0 20px grey;  
     }
     #title
     {
   font-weight:bold;
   font-size:38px;
   color:#f22144;
   font-family: 'Slabo 24px', serif;
     }
    #subtitle
    {
      color:green;
      font-size:25px;
      margin-left:80px;
      font-weight:bold;   
    }
    .success
    {
      text-align:center;
      font-size:25px;
      text-colour:green;
    }
    .fail
    {
      text-align:center;
      font-size:25px;
      colour: white;
      text-decoration: none;
      text-decoration-color: red;         
    }
       </style> 
     </head>
   <body>

     <div class="container">

       <br>
        <div class="well-width">    
         <br><Center><h1 style="color:green;font-family:'Arial Black';">       <u>GET RECEIPT<u></h1></center></br>
      <form method="post" action="#" autocomplete="off">   
        <center><table border=0>
         <tr>
             <td><label> Enter the Reference Number:</label></td>
             <td> <input type="text" name="ref" maxlength="10" required>  </td>
        </tr>
        <tr>
             <td><label> Enter Roll Number:</label></td>
             <td> <input type="text" name="roll" maxlength="10" required></td>
        </tr>

        <tr>
            <td colspan=2><center><input type="submit" name="submit" class="btn btn-info" value="Delete"></center></td>
        <tr>

         </table></center>
      </form>   
     </div>     
   </div>  
  <?php
if(isset($_POST['submit']))
{
  include('connect.php');
  $ref=$_POST['ref'];
  $roll=$_POST['roll'];

  $sql="select * from registrations where id='$ref' and rollno='$roll'";
  $query=mysql_query($sql);
  $count=mysql_num_rows($query);
  if($count>0)
  {
   $sql1="delete from registrations where id='$ref' and rollno='$roll'" ;
   $query1=mysql_query($sql1);
    if($query1)
    {
      echo"<div class='success'>$count records deleted successfully</div>";
    }       
  }
  else
  {
    echo"<div class='fail'>No records found with this Refrence Id and Rollno</div>";

  }
}
  ?>
 </body>
</html>

4 个答案:

答案 0 :(得分:1)

text-colour:green; color: green;不是colour: white; color: white;meta_queries$args = array( 'meta_query' => array( 'key' => 'profilepicture', 'value' => '3', 'compare' => '=' ) ); $users = get_users( $args );

答案 1 :(得分:1)

首先,您的代码质量非常糟糕。看到。请使用工具修复您的问题。

enter image description here

答案 2 :(得分:0)

这里使用了错误的属性名称。

而不是

text-decoration-color: red;

应该是

color:red;

成功

而不是这个

text-colour: green;

应该是

color: green;

要更改字体的颜色,请使用属性颜色。要更改背景颜色,请使用背景颜色。请参阅this tutorial

要删除下划线,请将此属性设置为失败&amp;成功班。

显示:内联块;

由于某些原因,这件事情正在渲染。我认为你的代码中存在一些问题。

答案 3 :(得分:0)

您在colorcolor而非colour中拼写错误,这就是为什么它不起作用

并且未使用text-color您使用color以便它可以正常工作

试试这个

color:green;  
color:white;

css代码中