我正在使用Jquery UI.我有一个用背景图片替换的按钮.JQuery UI在焦点上的按钮周围放置一个圆形的发光.我想覆盖css,使蓝色光芒不出现.
标记看起来像这样:
<form id="sliderUIContainer" class="noUIeffects">
<label for="slider-0" class="ui-hidden-accessible">Input Slider</label>
<input type="range" name="slider" id="slider-0" value="0" min="0" max="20" />
</form>
Run Code Online (Sandbox Code Playgroud)
我需要添加什么来覆盖这种效果?
我是一个新的ember和一个简单的测试应用程序.我试图从json数据动态呈现表的行.任务相对简单.但是每一行都是一个组件,而ember将该元素包含在具有类ember-view的div中.我相信这会阻止我的表格正确呈现.这通常如何在余烬中处理?
//contact-listing.hbs
<tr>
<th scope="row">{{contact.employee_id}}</th>
<td>{{contact.firstName}}</td>
<td>{{contact.lastName}}</td>
<td>{{contact.email}}</td>
<td>{{contact.telephone}}</td>
<td>{{contact.department}}</td>
</tr>
//contacts.hbs
<h1>Employees</h1>
<table class="table">
<thead>
<tr>
<th>Employee ID</th>
<th>First Name</th>
<th>Last Name</th>
<th>Email</th>
<th>Telephone</th>
<th>Department</th>
</tr>
</thead>
<tbody>
{{#each model as |_contact|}}
{{contact-listing contact=_contact}}
{{/each}}
</tbody>
</table>
Run Code Online (Sandbox Code Playgroud)
现在这里是我要回来的标记 - 在浏览器中,所有td数据都呈现为内联而没有表格格式.我认为这是由于插入了ember包装div.
<div id="ember438" class="ember-view">
<tr>
<th scope="row"><!----></th>
<td><!----></td>
<td><!----></td>
<td>john@company.com</td>
<td>416-555-1111</td>
<td>finance</td>
</tr>
</div>
Run Code Online (Sandbox Code Playgroud)
这是在视觉上呈现出来的: