我正在尝试突出显示选择框/ div的边框,当该框用于选择项目时
这是hTML方面的代码
<div class="styled-1">
<select>
<option value="1">OPTION - 1</option>
<option value="2">OPTION -2 </option>
<option value="3">OPTION - 3</option>
</select>
</div>
这是CSS
.styled-1 select {
width: 312px;
padding-top: 5%;
padding-bottom: 5%;
padding-left: 5%;
border: none;
left: 50px;
margin-left: 20px;
margin-right: 20px;
border-radius: 50px;
box-shadow: 0 0 3pt 2pt #8F4A11;
outline: none !important;
}
pout在上面为".styled-1"定义下面类型的CSS的方式是什么？
textarea:focus {
outline: none !important;
box-shadow: 0 0 3pt 2pt #719ECE;
}
我尝试了以下但没有运气
.styled-1:focus {
outline: none !important;
box-shadow: 0 0 3pt 2pt #719ECE;
}
这里是我的 HTML 和 javascript 代码来获取 amcharts 情节
我调用数据库，通过将其转换为 PHP 中的 json 格式来检索结果，然后将其传递给图形进行显示。
下面的 chartData 变量具有数据库查询返回的输出。当我将预期输出静态分配给 chartData 变量时，图形会绘制。但是，当我分配 json 的 responseText 值重新调整的变量“sql_resp”时，图形显示“未定义”值。
我已经使用诸如 firebug 之类的网络工具来 100% 确定 json 确实在结果中返回。这是我第一次使用 amcharts。有人可以帮助我理解我做错了什么。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="css/dashboard.css">
<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="js/jsapi.js"></script>
<script src="http://www.amcharts.com/lib/3/amcharts.js"></script>
<script src="http://www.amcharts.com/lib/3/serial.js"></script>
<script src="http://www.amcharts.com/lib/3/themes/light.js"></script>
<script type="text/javascript">
var db_query = <?php echo json_encode($$db_query_1) ?>;
var sql_resp = $.ajax({
type: 'POST',
url: "mySQL.php",
data: {'db_q': db_query},
dataType: 'html',
context: document.body,
global: false,
async:false,
success: function(data) …