Question

我想编辑表格的输入框，即用户在表格中输入用户名和密码的字段。我在php代码中创建了这个表。

现在我想要输入不同颜色的输入字段文本，只能用小写字母而不是大写字母。

我尝试为所选的td（例如class="smallCaps"）提供课程，并尝试在外部css文件中编辑，但它不起作用。

<?php 
if ($username && $userid){
   echo "You have logged in as <b> $username </b>. Click here to <a href='logout.php'>         Logout </a>";  
 }
  else {
 $form = "<form action= 'index.php' method='POST'> 
 <table> 
    <tr> <td> <font color='black' face='arial' size='3'>Username:  </font> </font></td>    <td> <input type='text' name='user' placeholder='Username' > </td>
    <td> <font color='black' face='arial' size='3'>Password: </td>  </font><td> <input type='password' name='password' placeholder='Password'></td> 
    <td> <button type='submit' class='btn' name='loginbtn' value ='Login'><font size='3'>Login</font> </td></button>
    <tr><td> <a href='signup.php'> <font color='black' face='arial' size='3'>Register</font> </a> </td> </tr>
  </table>
   </form>";

Answer 1

我不确定你在这做什么。你有没有包含外部css文件？

我认为你做过[class =＆＃39; smallCaps＆＃39; ]不是[class =＆＃34; smallCaps＆＃34;这会冲突回声。

Answer 2

你应该尝试这样的内联样式：

<table style=" background-repeat:no-repeat; width:450px;margin:0;" cellpadding="0" cellspacing="0" border="0">
  <tr style="height:40px; width:450px; margin:0;">
    <td style="height:40px; width:40px; margin:0;">

等...

Answer 3

尝试分别保留客户端和服务器端代码。您可以通过执行以下操作来执行此操作：

echo '<table class="myClass">';

然后将表格样式放在您声明的类

中

.myClass{
    top: 15px;
    left: 10px;
 }

如何在CSS代码中加入CSS样式？

3 个答案: