Questions tagged «css»

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


14
在整个HTML页面上等待光标
是否可以通过简单的方式将光标设置为在整个html页面上“等待”?这个想法是向用户显示ajax调用完成时发生了什么事情。下面的代码显示了我尝试过的简化版本,还演示了遇到的问题: 如果元素(#id1)设置了一个游标样式,则它将忽略主体上的一个(显然) 一些元素具有默认的光标样式(a),并且不会在悬停时显示等待光标 根据内容的不同,body元素具有一定的高度,如果页面较短,则光标将不会显示在页脚下方 考试: <html> <head> <style type="text/css"> #id1 { background-color: #06f; cursor: pointer; } #id2 { background-color: #f60; } </style> </head> <body> <div id="id1">cursor: pointer</div> <div id="id2">no cursor</div> <a href="#" onclick="document.body.style.cursor = 'wait'; return false">Do something</a> </body> </html> 后来编辑... 它在firefox和IE中与: div#mask { display: none; cursor: wait; z-index: 9999; …

6
如何使用纯CSS创建“工具提示尾巴”?
我刚刚遇到了一个简洁的CSS技巧。看看小提琴... .tooltiptail { display: block; border-color: #ffffff #a0c7ff #ffffff #ffffff; border-style: solid; border-width: 20px; width: 0px; height: 0px; } .anothertail { background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-tail2.png); display: block; height: 29px; width: 30px; } <div>Cool Trick: <br /> <div class="tooltiptail"></div> </div> <br /> <div>How do I get this effect with only CSS? <br /> …

7
如何重置或覆盖IE CSS过滤器?
我正在使用专有的MS'filter'属性尝试创建与CSS3文本阴影和框阴影相当的丑陋; 直到遇到这个问题,我实际上都做得很好。看起来当我将过滤器应用于另一个div内的div时,该div也有一个过滤器,过滤效果最终组合在子对象上。 我试过使用filter:none; 进行重置,但没有喜悦。我还尝试了语法的不同变体,即“ -ms-filter:'progid:... Glow()'“,” filter:progid:... Glow()“,” filter:Glow()“等等。 在IE8中测试


14
使用CSS将Div分成2列
我一直在尝试使用CSS将div分为两列,但是我还没有设法使其正常工作。我的基本结构如下: <div id="content"> <div id="left"> <div id="object1"></div> <div id="object2"></div> </div> <div id="right"> <div id="object3"></div> <div id="object4"></div> </div> </div> 如果我尝试将左右div浮动到各自的位置(左右),则似乎会忽略内容div的背景色。我从各种网站尝试过的其他代码似乎无法转换为我的结构。 谢谢你的帮助!
89 css  html  css-float 

10
覆盖Twitter Bootstrap文本框发光和阴影
我想删除文本框和边框的蓝光,但我不知道如何覆盖任何js或CSS,请在此处检查 编辑1 我想这样做是因为我正在使用jquery插件Tag-it,也正在使用twitter bootstrap,该插件使用了一个隐藏的textField添加标签,但是当我使用twitter bootstrap时,它显示为一个文本框,里面带有发光文本框有点奇怪



5
引导程序下拉气泡右对齐(非右推)
我的顶层菜单中有购物车,使用push-right,我的问题是下拉菜单气泡不在页面中。我正在尝试将气泡右对齐,以使其与“点击”右对齐 像这样 HTML: <div class="cart pull-right"> <ul class="nav"> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#">CLICK</a> <div class="dropdown-menu"> STUFF </div> </li> </ul> </div>

8
HTML:更改文本字符串中特定单词的颜色
我收到以下消息(略有更改): “在2011年1月30日之前参加比赛,您将有机会赢得$$$$,包括令人兴奋的夏季旅行!” 我目前有: <p style="font-size:14px; color:#538b01; font-weight:bold; font-style:italic;"> 格式化文本字符串,但要将“ 2011年1月30日”的颜色更改为#FF0000,将“夏季”的颜色更改为#0000A0。 如何使用HTML或内联CSS严格执行此操作?
89 html  css  text  colors  inline 

8
如何在输入字段中添加“真棒字体”图标?
如何使用“真棒字体”中包含的搜索图标进行输入?我的网站上有一个搜索功能(基于PHPmotion),我想将其用于搜索。 这是代码: <div id="search-bar"> <form method="get" action="search.php" autocomplete="off" name="form_search"> <input type="hidden" name="type" value="videos" /> <input autocomplete="on" id="keyword" name="keyword" value="Search Videos" onclick="clickclear(this, 'Search Videos')" onblur="clickrecall(this,'Search Videos')" style="font-family: verdana; font-weight:bold; font-size: 10pt; height: 28px; width:186px; color: #000000; padding-left: 2px; float:left; border: 1px solid black; background-color: #ffffff" /> <input type="image" src="http://viddir.com/themes/default/images/search.jpg" height="30" width="30" …
89 html  css  font-awesome 

9
如何在<td>内包装没有空格的文本?
我用过: word-break:break-all; table-layout:fixed; 文字会在Chrome中自动换行,但不会在Firefox中自动换行。 更新:我决定更改设计,因此不需要包装。试图解决CSS修复/黑客问题令人沮丧且耗时。
89 css 

9
如何防止DIV标签开始新的一行?
我想向包含标签的浏览器输出一行文本。呈现此效果时,DIV似乎会换行。如何在同一行的div标签中包含内容-这是我的代码。 &lt;?php echo("&lt;a href=\"pagea.php?id=$id\"&gt;Page A&lt;/a&gt;") ?&gt; &lt;div id="contentInfo_new"&gt; &lt;script type="text/javascript" src="getData.php?id=&lt;?php echo($id); ?&gt;"&gt;&lt;/script&gt; &lt;/div&gt; 我试图在这里整理一下。如何在一行上显示此内容?
89 html  css 

7
使用CSS在单元格(TD)之间添加空间
我正在尝试添加一个在单元格之间留有空格的表格,因为单元格的背景色是白色,表格的背景色是蓝色,您可以轻松地看到padding和margin无效(我将其应用于td),它只会在单元内部增加空间。
89 html  css 

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.