Questions tagged «css»

CSS(层叠样式表)是一种表示样式表语言,用于描述HTML(超文本标记语言),XML(可扩展标记语言)文档和SVG元素的外观和格式,包括(但不限于)颜色,布局,字体,和动画。它还描述了如何在屏幕,纸张,语音或其他媒体上呈现元素。

7
Internet Explorer 10 Windows 8删除文本输入和密码操作图标
我正在Windows 8的Internet Explorer 10中测试高度自定义的Web应用程序,因为它是一个即将发布的版本,并且有一天可能会使用我的应用程序。看一下该应用程序中一些文本输入控件的示例屏幕快照: 在HTML或CSS中,是否可以删除位于文本和密码输入控件右侧的操作图标? 感谢您的时间。


14
使TBODY在Webkit浏览器中可滚动
我知道这个问题,但所有答案都无法在Safari,Chrome等系统中使用。 可以接受的策略(如此处所示)是设置躯干高度和溢出属性,如下所示: <table> <thead> <tr><th>This is the header and doesn't scroll</th></tr> </thead> <tbody style="height:100px; overflow:auto;"> <tr><td>content that scrolls</td></tr> <tr><td>content that scrolls</td></tr> <tr><td>content that scrolls</td></tr> <tr><td>content that scrolls</td></tr> <tr><td>content that scrolls</td></tr> <tr><td>content that scrolls</td></tr> <tr><td>content that scrolls</td></tr> </tbody> </table> 不幸的是,这不适用于任何Webkit浏览器。关于它的错误报告似乎没有被高度重视(报告于6月5日)。 所以我的问题是:是否有其他切实可行的替代策略?我尝试了两表方法,但是无法保证标题将与内容对齐。我是否只需要等待Webkit对其进行修复?
70 html  css  webkit 

7
jQuery覆盖默认验证错误消息显示(Css)弹出/工具提示,如
我正在尝试使用div而不是标签来替代默认错误消息标签。我也看了这篇文章,并了解了如何做,但是CSS的局限性困扰着我。我如何像这些示例中的那样显示它: Example#1(Dojo) -必须输入无效的输入才能看到错误显示 Example#2 这是一些将错误标签覆盖到div元素的示例代码 $(document).ready(function(){ $("#myForm").validate({ rules: { "elem.1": { required: true, digits: true }, "elem.2": { required: true } }, errorElement: "div" }); }); 现在我对css部分不知所措,但这是: div.error { position:absolute; margin-top:-21px; margin-left:150px; border:2px solid #C0C097; background-color:#fff; color:white; padding:3px; text-align:left; z-index:1; color:#333333; font:100% arial,helvetica,clean,sans-serif; font-size:15px; font-weight:bold; } 更新: 好的,我现在正在使用此代码,但是弹出窗口中的图像和位置大于边框,可以将其调整为动态高度吗? if (element.attr('type') …

2
CSS属性选择器:引号的规则(“,”或无?)
这个问题困扰了我一段时间。像这样编写与元素属性进行比较的CSS选择器时。 a[rel="nofollow"] 我永远不知道该如何使用引号。他们真的有必要吗? 基本上,这是什么规范,因为我无法在网站上找到它。 所有这些都被认为有效吗? a[rel="nofollow"] a[rel='nofollow'] a[rel=nofollow]

2
如何在我的svg中添加超棒的字体图标?
我有一个包含图像的svg: <g><image id="myImage" class="myClass" x="12" y="15" width="10" height="10" xlink:href="/images/pic.png"/></g> 如何用字体真棒图标替换该行: <g><i class="icon icon-cloud-download" x="12" y="15" width="10" height="10"></i></g> 由于图像未显示,因此似乎无法正常工作。
70 css  svg  font-awesome 


9
CSS,居中div,缩小以适合?
这就是我想要的: text text text text text text text text text text text text text text text text text text text text text text +-----------+ | some text | +-----------+ text text text text text text text text text text text text text text text text text text text text text …
70 css 

6
CSS Calc替代
我正在尝试使用CSS和jquery动态更改div的宽度。以下代码将在以下浏览器中运行:http : //caniuse.com/calc /* Firefox */ width: -moz-calc(100% - 500px); /* WebKit */ width: -webkit-calc(100% - 500px); /* Opera */ width: -o-calc(100% - 500px); /* Standard */ width: calc(100% - 500px); 我还希望支持IE 5.5或更高版本,我发现以下内容:表达式。这是正确的用法吗? /* IE-OLD */ width: expression(100% - 500px); 我还可以支持Opera和Android浏览器吗?
70 css  css-calc 

9
如何将CSS类添加到html通用控件div中?
我创建了一个div标签,如下所示: System.Web.UI.HtmlControls.HtmlGenericControl dynDiv = new System.Web.UI.HtmlControls.HtmlGenericControl("DIV"); 我向div标签添加了样式,如下所示: dynDiv.Style.Add(HtmlTextWriterStyle.BorderStyle, "1px solid #DBE0E4"); dynDiv.Style.Add(HtmlTextWriterStyle.Height, "auto"); dynDiv.Style.Add(HtmlTextWriterStyle.MarginTop, "5px"); dynDiv.Style.Add(HtmlTextWriterStyle.PaddingBottom, "5px"); dynDiv.Style.Add(HtmlTextWriterStyle.Width, "682px"); 但是我需要通过位于folder的外部css文件来控制div标签的样式~/css/maincss.css。 如何将该文件中的CSS应用于此div?
70 c#  css 

3
如何使用jQuery强制悬停状态?
请考虑以下CSS代码: a { color: #ffcc00; } a:hover { color: #ccff00; } 此HTML代码: <a href="#" id="link">Link</a> <button id="btn">Click here</button> 最后,此JS代码: $("#btn").click(function() { $("#link").trigger("hover"); }); 我想使我的链接在单击按钮时使用其伪类:hover。我试图触发诸如mousemove,mouseenter,hover等事件,但任何人都能工作。请注意,我想强制使用我的CSS伪类:hover规范,而不要使用类似以下内容的东西: $("#link").css("color", "ccff00"); 有人知道我该怎么做?十分感谢。
70 jquery  css 

6
如何在jQuery选择器中定义css:hover状态?
我需要在jQuery的:hover上定义div的背景颜色,但是以下内容似乎无效: $(".myclass:hover div").css("background-color","red"); 如何获得相同的结果?重要的是必须使用jQuery完成,但由于某些原因它无法正常工作。有什么建议?谢谢!
70 javascript  jquery  html  css 

6
IE11上的Flexbox:无缘无故拉伸图像?
我在IE11上的flexbox遇到问题,虽然我知道有很多已知问题,但我找不到解决方法... <div class="latest-posts"> <article class="post-grid"> <img src="http://lorempixel.com/image_output/cats-q-c-640-480-4.jpg" alt="" /> <div class="article-content"> <h2>THIS IS POST TITLE</h2> <p>BLAH</p> </div> </article> </div> 还有CSS ... img { max-width: 100%; } .latest-posts { margin: 30px auto; } article.post-grid { width: 375px; float: left; margin: 0 25px 100px 0; padding-bottom: 20px; background-color: #fff; border: 1px solid …

15
Bootstrap 3:如何使下拉链接的标题在导航栏中可点击
我使用的是默认导航栏,其中一些列表项是下拉菜单。我无法点击触发下拉菜单的链接。我知道我可以在下拉列表中添加一个重复的链接,但我不愿意。是否可以将头部链接设为可点击的链接(而不仅仅是下拉菜单的句柄)? 作为参考,请参见下面下拉菜单中的第一个链接。我希望用户能够单击它并实际转到它指向的页面。 <nav class="navbar navbar-fixed-top admin-menu" role="navigation"> <div class="navbar-header">...</div> <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav navbar-right"> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#"> I DONT WORK! <b class="caret"></b> </a> <ul class="dropdown-menu"> <li><a href="/page2">Page2</a></li> </ul> </li> <li><a href="#">I DO …

3
是否可以在不使用“ for = id”的情况下将标签与复选框相关联?
我知道有时将标签与复选框相关联是一件好事: <input id="something" type="checkbox" value="somevalue" /> <label for="something">this is label text</label> ..但是我必须使用一个ID来关联它吗? 我什至关心的主要原因是因为我喜欢能够单击标签来切换复选框的值,但不喜欢将id用作如此简单的东西的想法。 我想我可以使用jQuery切换单击标签的前一个元素(复选框),但也许我缺少一些更简单的东西。https://stackoverflow.com/a/2720771/923817看起来像一个解决方案,但是用户说它在IE中不起作用。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.