2014-03-28 29 views
0

我想编辑表格的输入框,即用户在表格中输入用户名和密码的字段。我在php代码中创建了这张表。如何在CSS代码中放置CSS样式?

现在我想使输入字段的文本以不同的颜色,只有小写字母不是大写字母。

我试着给类选择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>"; 
+0

请不要使用''了,它的弃用。改用CSS。在HTML5中,这个标签甚至不再支持。 关于'弄清楚你的'td'具有什么类':只要用你的浏览器检查这个元素,看看这个类是否被正确地分配了。如果是这样,PHP工作正常,问题只是一个破碎的CSS规则或什么。 您的浏览器将哪些类别分配给'td'? – Chiru

+0

你可以请你的代码在提琴>> http://jsfiddle.net/ – SULTAN

回答

0

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

我假设你做了[class ='smallCaps']而不是[class =“smallCaps”],这会与回声产生冲突。

0

你应该尝试联样式类似:

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

等....

+0

你真的不应该有结构和设计交织在一起。不要将你的HTML与'style'属性混合使用。 – Chiru

0

尽量保持你的客户端和服务器端的代码分开。您可以通过执行以下操作:

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

,然后去把表样式的类,你宣布

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