Tag: html

HTMLinput框 – 禁用

什么是禁用HTML的input文本框的代码? 谢谢

是空的iframe src有效吗?

我想要一个iframe最初有src作为空白,然后一旦页面加载; 调用JS函数,然后将src值设置为实际值 所以是<iframe src="#" />有效或者我需要使用其他的东西像javascript:; 等等

CSS插入边框

我有一个关于CSS边界的简单问题。 我需要创build一个纯色embedded边框。 这是我正在使用的CSS的位: border: 10px inset rgba(51,153,0,0.65); 不幸的是,创build一个3D脊形边框(忽略广场和黑暗的说明框): http://dl.dropbox.com/u/12147973/border-current.jpg 这是目标: http://dl.dropbox.com/u/12147973/border-boal.jpg 有任何想法吗?

在hover链接上更改bootstrap导航栏的颜色?

我想知道如何改变链接的颜色,当你把它们hover在导航栏,因为目前他们是一个丑陋的颜色。 感谢您的任何build议? HTML: <div class="container"> <div class="navbar"> <div class="navbar-inner"> <ul class="nav"> <li class="active"><a href="#">Home</a></li> <li><a href="#">Link One</a></li> <li><a href="#">Link Two</a></li> <li><a href="#">Link Three</a></li> </ul> </div> </div> </div>

如何删除网页中的顶部边距?

我已经创build了每个网页都有这个问题。 “主容器”div上方总有一个顶部边距,用于将我的内容放置在页面的中心。 我正在使用一个CSS样式表,并已设置边距和填充在身体0px,并设置边距和填充0在div: body{ margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; padding: 0; color: black; font-size: 10pt; font-family: "Trebuchet MS", sans-serif; background-color: #E2E2E2; } div.mainContainer{ height: auto; width: 68em; background-color: #FFFFFF; margin: 0 auto; padding: 0; } 我在网上看了很多次,但我所能做的就是设置这些边距和填充属性。 还有什么我应该做的? IE和Firefox都有这个余地。 这是一个更彻底的看代码(这是在创build的开始阶段,所以没有太多的…) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" […]

禁用input文字颜色

下面简单的HTML在Firefox和基于WebKit的浏览器(我在Safari,Chrome和iPhone中检查过)显示不同。 在Firefox中,边框和文本都具有相同的颜色( #880000 ),但在Safari中,文本变得更轻(就像应用了一些透明度一样)。 我可以以某种方式解决这个问题(在Safari中删除这个透明度)? 更新: 谢谢您的回答。 我不再需要这个工作了(而不是禁用我用样式的div元素replaceinput元素),但我仍然好奇为什么发生这种情况,如果有任何方法来控制这种行为… <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> input:disabled{ border:solid 1px #880000; background-color:#ffffff; color:#880000; } </style> </head> <body> <form action=""> <input type="text" value="disabled input box" disabled="disabled"/> </form> </body> </html>

CSS位置绝对全宽问题

我有2个div和一个dl: <div id="wrap"> <div id="header"> <dl id="site_nav_global_primary"> 这是我的风格: #wrap { margin:0 auto; width:100%; min-width:760px; max-width:1003px; overflow:hidden; } #header { width:100%; position:relative; float:left; padding-top:18px; margin-bottom:29px; } #site_nav_global_primary { float:right; margin-right:18px; margin-bottom:11px; margin-left:18px; } 现在我想更改site_nav_global_primary具有全屏幕的宽度,而不改变换行和标题。 但是当我尝试: #site_nav_global_primary { position: absolute; width:100%; top:0px; left:0px; } 导航获得最大1003px宽度的包装的100%。 我希望它伸展到最大限度,而不改变换行和标题div。 这可能吗?

使用CSS / HTML更改hover图片

我有这个问题,我已经设置图像来显示另一个图像时,鼠标hover,但是第一个图像仍然出现,新的不改变高度和宽度,重叠另一个。 我对HTML / CSS仍然很陌生,所以我可能错过了一些简单的东西。 这里是代码: <img src="LibraryTransparent.png" id="Library"> #Library { height: 70px; width: 120px; } #Library:hover { background-image: url('LibraryHoverTrans.png'); height: 70px; width: 120px; }

Chrome应用程序的webview和触摸滚动传播

我喜欢用Chrome打包的应用程序replaceWindows 8 Metro应用程序。 目前,它需要模仿Metro应用程序的外观和感觉。 主页面包含多个横向排列的网页浏览,可以进行大量的横向滚动。 尝试使用触摸设备水平滚动时遇到问题。 如果滚动手势在web视图上开始,它将捕获滚动事件并阻止主机滚动。 溢出隐藏在所有的网页浏览。 由于它们构成页面上的大部分内容,因此主机的有效滚动目标是有限的。 webview的内容是互动的,所以我不能放弃在可滚动的内容上放置一个透明的覆盖来捕捉事件,至less不是没有某种方式将点击/触摸传播到webviews本身。 任何想法如何实现? 谢谢你的帮助!

检测加载iframe内容的失败

我可以使用load事件来检测iframe的内容何时加载。 不幸的是,为了我的目的,这有两个问题: 如果加载页面时出现错误(404/500等),加载事件永远不会被触发。 如果某些图像或其他依赖项加载失败,则像往常一样激发加载事件。 有什么方法可以可靠地确定上述错误是否发生? 我正在编写基于Mozilla / XULRunner的半networking半桌面应用程序,因此只能在Mozilla中运行的解决scheme是受欢迎的。