草庐IT

ng-options

全部标签

html - 如何更改 <select> 中 <option> 元素的字体大小?

我已经构建了thisfiddle作为我正在做的事情的例子。我正在尝试做的事情在Firefox中运行良好。当您打开选择选项时,字体大小为14px。但是在GoogleChrome中查看它时,它会选择34px的继承字体大小。理想情况下,我正在寻找字体大小为14px的选择选项。这可能吗?如果需要,我愿意在jQuery中进行任何相关修复。谢谢代码如下.......styled-select{overflow:hidden;height:74px;float:left;width:365px;margin-right:10px;background:url(http://i50.tinypic.c

javascript - Angular .js : How to use ng-href in template?

我尝试使用1个包含模板的index.html创建一个简单的SPA。我遇到了ng-href指令的问题:myPage在index.html中工作但不在我的模板中工作,链接不可点击。但href仍然有效。myPage我的应用:index.html:...link...应用程序.js:'usestrict';angular.module('myApp',['ngCookies','ngResource','ngSanitize','ngRoute']).config(function($routeProvider){$routeProvider.when('/',{templateUrl:'vi

html - 如何在保持 DRY 的同时在多个 <td> 元素中应用 ng-if(或其他条件)

我想显示一些基于相同条件的元素。我目前正在用多个相同的ng-if来做这件事指令,例如:DisplayunconditionallySamehere...(imaginemorecolumns)...DisplaybasedonconditionAndthesameforplentyofcolumns虽然这行得通,但还是会注意到所有的重复。关于如何将其擦干的任何想法? 最佳答案 使用ng-if-start和ng-if-endonetwothreefourefivePlunker 关于htm

jquery - 如何使用 jquery 设置选择下拉列表的 'selected option'

我有以下jquery函数:$.post('GetSalesRepfromCustomer',{data:selectedObj.value},function(result){alert(result[0]);$('select[name^="salesrep"]').val(result[0]);});result[0]是我想在我的选择框中设置为selected项的值。result[0]等于Brucejones。选择框由数据库查询填充,但呈现的html之一是:johnsmithBruceJonesAdamCalitz108$('select[name^="salesrep"]').v

css - Chrome 显示 <select> <option> 标签的问题

我遇到了一个问题,我无法获得相同的CSS来在Firefox和Chrome中呈现相同的内容。在Firefox中,它们并排显示在一行中,而不是一个包含24个值的垂直选择框:在Chrome中,它们显示为垂直的多选框。一个简短的3小时示例的完整代码:option{display:inline;}123在Chrome中,选项不会内联显示。任何解释为什么这段代码有效/无效以及是否有任何其他方法来实现相同的布局? 最佳答案 我认为你不应该(可以?)制作元素内联这样。尝试改用复选框。类似于this:InlineOptionsul{list-styl

html - "selected"标签的 "option"属性中可以出现什么值?

我有一些类似于以下的标记:AppleOrange在这种情况下,“橙色”显示为所选项目。我原以为将selected属性设为空白会取消其效果。有没有一种方法可以在不简单地保留属性的情况下编写它? 最佳答案 HTML5规范https://www.w3.org/TR/html51/sec-forms.html#the-option-elementTheselectedcontentattributeisabooleanattribute.http://www.w3.org/TR/html5/infrastructure.html#boole

html - AngularJS ng-href 和 svg xlink

我想要一些关于在angular中使用xml命名空间属性的信息。问题是当Angular解析了表达式时,angular附带了一些指令来处理写入属性,例如href和src(否则浏览器将尝试加载{{mymodel.myimage}}作为网址)https://github.com/angular/angular.js/blob/master/src/ng/directive/booleanAttrs.js#L329我面临的问题是我使用angular与D3一起输出svg,因为angular没有办法输出xlink:href我被卡住了。我创建了一个输出xlink:href的自定义指令app.direc

html - 如何更改 <select> 中 <option> 的文本颜色?

我正在尝试将第一个选项的颜色更改为灰色,只有文本(选择一个选项)但这里不起作用:.grey_color{color:#ccc;font-size:14px;}selectoneoptiononetwothreefourfive我的jsfiddle在这里jsfiddle 最佳答案 Suresh,您不需要在代码中使用任何东西。你需要的只是这样的东西:.others{color:black}selectoneoptiononetwo但是如您所见,因为选项中的第一项是选择控件显示的第一件事,所以您看不到它指定的颜色。如果您打开选择列表并查看

html - 用什么代替::ng-deep

我正在尝试为路由器socket放置的元素设置Angular样式,并希望确保生成的元素的宽度为100%从大多数回复中,我发现我应该使用::ng-deep选择器,但是来自Angular的docs它正在被弃用。是否有::ng-deep的替代方案? 最佳答案 FWIW在我的研究中,我没有找到ng-deep或其他适用替代品的任何替代品。这是因为,我相信,Angular团队在shadowdom上遵从W3C规范,它最初有诸如deep之类的选择器。然而,W3c已经删除了该建议,但没有用新建议取而代之。在那之前,我想Angular团队将保留::ng-

html - CSS :selected pseudo class similar to :checked, 但对于 <option> 元素

有没有办法为当前选择的设置样式?中的元素元素?然后我可以为当前选定的选项元素提供背景颜色吗?这样我就可以设置当前在关闭的下拉列表中可见的选项的样式。 最佳答案 the:checkedpseudo-classinitiallyappliestosuchelementsthathavetheHTML4selectedandcheckedattributes来源:w3.org因此,尽管color的样式在所有浏览器中都不可能,但此CSS有效:option:checked{color:red;}一个实际的例子,从下拉列表中隐藏当前选择的元素。