草庐IT

custom-menu

全部标签

javascript - 语义 UI 下拉列表 'setup menu' 失败

我正在尝试使用setupmenu(values)方法更改语义下拉列表的值,但是当我使用useLabels:false时它失败了。例。没有useLabels:false$(document).ready(function(){$('.ui.dropdown').dropdown({//useLabels:false,onChange:function(value,text,$selectedItem){console.clear();console.log(value);}});$('.ui.button').on('click',function(){$('#select').drop

javascript - 移动优化 : Make notification menu with position:absolute scrollable

我最近买了Moltran这很好但有一个很大的缺点:通知菜单在移动设备上消失,这不适合我。所以我了解到,这可以通过删除li通知元素的hidden-xs类来完成。这将变成至,效果很好。现在我将小菜单拉伸(stretch)到屏幕的整个宽度如果用户使用较小的设备以获得更好的可用性:@media(max-width:767px){.nav>li.dropdown:not(.hidden-xs).open.dropdown-menu{width:100vw;}}一切正常,直到出现一件事:我无法在菜单中滚动。使用现代5"智能手机水平,最后的3个元素被隐藏。相反,滚动会影响由绝对位置引起的背景。关于o

asp.net-mvc - ASP.NET MVC/C# : Can I create valid custom HTML attributes using Html. ActionLink()?

我需要在使用Html.ActionLink()构建的anchor上放置自定义属性根据http://www.w3.org/TR/html5/elements.html#attr-data使用正确的“data-”前缀,我从VisualStudio收到以下错误。Invalidanonymoustypememberdeclarator.Anonymoustypemembersmustbedeclaredwithamemberassignment,simplenameormemberaccess.由于我不能在匿名类型中使用连字符,添加自定义HTML属性的最佳方法是什么?

javascript - Bootstrap 3 Navbar Collapse menu at Left for left and right navbar items

我有一个带有左侧导航项和右侧导航项的Bootstrap3导航栏(如下所示)。折叠时,我希望导航栏切换(又名“汉堡菜单”)及其元素都左对齐。到目前为止我的代码:LeftLeftRightRight左侧导航栏切换的CSS是:@media(max-width:767px){.custom-navbar.navbar-right{float:right;padding-right:15px;}.custom-navbar.nav.navbar-nav.navbar-rightli{float:left;}.custom-navbar.nav.navbar-nav.navbar-rightli>

javascript - 使 'dropdown-content' 与 paper-dropdown-menu 的宽度相同?

我有以下代码:InboxStarredSentmailDrafts但如下图所示,dropdown-content的宽度非常小。我怎样才能以一种干净的方式将宽度设置为与实际paper-dropdown-menu相同的大小? 最佳答案 我相信我已经在这个jsfiddle中创造了您想要的东西.或者如果你喜欢这里是代码片段.custom{width:190px;}.custom2{width:400px;}JSBinInboxStarredSentmailDraftsInboxStarredSentmailDraftsHTMLImports

html - 纯 CSS 选择菜单/下拉菜单 : How to make custom right arrow?

我根据此处的解决方案使用自定义选择/下拉菜单:https://stackoverflow.com/a/10190884/1318135这个功能很好,只是右边的“箭头”看起来不太好。我希望它更宽一些,外观类似于本网站上的向上/向下投票箭头(向左看)。已尝试以下操作,打开使用这些或其他选项中的任何一个的解决方案:-将图像集成到HTML中(无法使其显示在前景v.下拉列表中)-为字符定位一个带有更宽箭头的字体(找不到)-在CSS中设置背景图像属性(改为显示默认的向下箭头)http://jsfiddle.net/XxkSC/553/HTML:SushiBluecheesewithcrackers

查询 : Is it bad practice to use a custom attribute in my html code?

我一直在添加我使用JQuery引用的自定义属性,效果很好。但这是好的做法吗?例子:谢谢大家 最佳答案 最佳做法是使用HTML5data-*属性:这是符合标准的HTML5,与任意自定义属性不同。它还确保您的自定义属性不会与将来的某些标准属性冲突。在最近(1.5+)版本的jQuery中,您还可以使用$('.monkeys').data('customatrr')访问该属性。 关于查询:Isitbadpracticetouseacustomattributeinmyhtmlcode?,我们在S

html - 横向菜单 : how to float right but keep the menu items in the correct order?

我对水平菜单(.drop_menuli)使用float:right,因为我希望菜单与屏幕右侧对齐(Logo与左侧对齐)。它工作正常,唯一的问题是我的菜单项现在的顺序错误(链接3然后链接3然后链接1而不是相反)。有没有办法解决这个问题?非常感谢http://jsfiddle.net/eLSbq/LogoLink1SubLink1SubLink2Link2SubLink1SubLink2SubLink3SubLink4Link3SubLink1SubLink2SubLink3SubLink4.header{width:100%;background:#fff;color:#124191;f

html - :focus styling on custom radio input

我有一个或多或少像这样实现的自定义radio输入样式:....custom-radio+label:before{content:""//Stylinggoeshere}.custom-radio:focus+label:before{outline:1pxsolidblack;]除了一个烦人的细节:键盘导航的焦点样式外,这很好用。我可以使用Tab键选择一组单选按钮并使用箭头键更改所选单选按钮,但默认的:focus轮廓不会出现,因为输入标签已隐藏。我尝试像上面一样添加自己的焦点样式,但这最终表现得与默认浏览器样式不同。默认情况下,Chrome(以及我假设的其他浏览器)只会在您通过键盘选

html - 如何居中对齐 float : left ul/li navigation menu with css?

所以我使用以下CSS来显示水平导航栏:.navigationul{list-style:none;padding:0;margin:0;}.navigationli{float:left;margin:01.15em;/*margin:0auto;*/}.navigation{/*width:auto;*//*margin:0auto;*/text-align:center;}我的问题是:如何将导航栏居中对齐到标题上方? 最佳答案 这是一个solutionthatdoesn'trequirespecifyingthewidthofy