的style.css
input.button, input.submit, button, .button{
color:blue;
}
的index.php
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$("#princ").html('Loading...');
$("#princ").load('page.php', function (responseText, textStatus, req) {
if (textStatus == "error") {
$("#princ").html('An error occurred!');
}
});
</script>
<div id="princ"></div>
page.php文件
<input type="text"><input type="button" value="Send">
如果从index.php。
加载，则为蓝色按钮着色未应用CSS属性。
我试图多次修改css代码，我发现这段代码：
input{
color:blue;
}
显示两个{。1}的page.php为蓝色：这意味着CSS文件中设置的属性由page.php
接收我应该期待这种行为吗？我怎样才能实现目标？
答案 0 :(得分：1)
您的问题是您的CSS未指定页面上的按钮。你目前有
input.button, input.submit, button, .button { color: blue; }
这会将input的颜色设为＆＃34;按钮＆＃34;或一类submit或任何button元素或具有＆＃34;按钮＆＃34;类的任何元素。但是，input中的page.php没有类，因此不会被此CSS规则捕获。
您可以将page.php更改为以下内容，这会添加类＆＃34;按钮＆＃34;到您的输入按钮。
<input type="text"><input type="button" value="Send" class="button">
你有另一种选择，你可以改变你的CSS规则来捕捉那些类型为＆＃34;提交＆＃34;的input。像这样：
input.button, input.submit, button, .button, input[type=submit] { color: blue; }
你的按钮也应该显示为蓝色。
如果有帮助，请告诉我。