Tag: html

删除文本input的内部阴影

所以我有一个文本input,即时通讯使用HTML5,在铬,我想改变一个文本input的外观,我已经删除了焦点上的轮廓(铬上的橙色),我把背景设置为浅色#f1f1f1但是现在在顶部和左侧有一个更厚的边框,就像它看起来被推入一样,当背景颜色没有变化时,这种情况不会发生。 我如何删除它? 抱歉,我无法在移动设备上提供图片。 它发生在Chrome上,也就是Firefox,不能testing任何其他的。

在C#中写入HTML

我有这样的代码。 有没有办法让写和维护更容易? 使用C#.NET 3.5 string header(string title) { StringWriter s = new StringWriter(); s.WriteLine("{0}","<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01//EN\" \"http://www.w3.org/TR/html4/strict.dtd\">"); s.WriteLine("{0}", "<html>"); s.WriteLine("<title>{0}</title>", title); s.WriteLine("{0}","<link rel=\"stylesheet\" type=\"text/css\" href=\"style.css\">"); s.WriteLine("{0}", "</head>"); s.WriteLine("{0}", "<body>"); s.WriteLine("{0}", ""); } – 编辑 – 我不知道,但我可以写 s.WriteLine("{0}", @"blah blah many new lines blah UHY#$&_#$_*@Y KSDSD<>\t\t\t\t\t\tt\t\t\\\t\t\t\t\\\h\th'\h't\th hi done"); 它将工作,但需要取代所有“与”“

摆脱内嵌块图像下方的空间

我怎样才能摆脱图像的底部和包装之间的空间,同时保持图像内联块? 为什么发生这种情况? http://jsfiddle.net/dJVxb/2/ HTML: <div id="wrapper"> <img src="https://twimg0-a.akamaihd.net/profile_images/1735360254/icon_reasonably_small.jpg" > </div> CSS: ​#wrapper { background:green; } img { display:inline-block; margin:0; }

<span>和<div>与text-align:center;的区别

我不明白这一点: 我尝试过将HTML <span>标签的文本alignment居中,但是它没有做任何事情……使用<div>标签,一切正常。 与设置margin: 0px auto;相同的坐标margin: 0px auto; 在CSS中。 为什么span标签不支持text-align; function?

如何使Bootstrap旋转木马滑块使用移动左/右滑动

DEMO JSSFIDDLE <div class="col-md-4"> <!–Carousel–> <div id="sidebar-carousel-1" class="carousel slide" data-ride="carousel"> <ol class="carousel-indicators grey"> <li data-target="#sidebar-carousel-1" data-slide-to="0" class="active"></li> <li data-target="#sidebar-carousel-1" data-slide-to="1"></li> <li data-target="#sidebar-carousel-1" data-slide-to="2"></li> </ol> <div class="carousel-inner"> <div class="item active"> <a href="" data-lightbox="image-1" title=""> <img src="http://shrani.si/f/3D/13b/1rt3lPab/2/img1.jpg" alt="…"> </a> </div> <div class="item"> <a href="" data-lightbox="image-1" title=""> <img src="http://shrani.si/f/S/jE/UcTuhZ6/1/img2.jpg" alt="…"> </a> </div> <div class="item"> <a href="" data-lightbox="image-1" title=""> […]

寻求一种优雅的,仅用于CSS的隐藏/显示自动高度内容的方法(包含转换)

我想要一个只使用CSS转换的方法来有效地(并且有吸引力地)隐藏/显示hover的内容。 需要注意的是我希望保持dynamic(自动)高度。 看起来,最佳路线是在fixed height:0到height:auto ,但是,这在浏览器中的转换中还不被支持。 澄清回应评论 ::这不是一个等待,直到所有生活的浏览器是CSS3兼容的问题,而是解决一个CSS3本身的缺陷(如缺乏height:0 > height:auto ) 我已经探索了其他一些方法,可以在下面的小提琴(详细介绍见下文),但没有一个满足我,我会喜欢反馈/其他方法的提示。 http://jsfiddle.net/leifparker/PWbXp/1/ 基本的CSS .content{ -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; overflow:hidden; } 变化#1 – 最大高度的黑客 .content { max-height:0px; } .activator:hover +.content{ max-height:2000px; } 缺点 一个。 您需要随意设置一个较高的最大高度 ,该高度最大高度与广泛的dynamic内容可能会切断信息。 湾 如果作为( a )的预防措施,则采取设置非常高的最大高度 ,animation的延迟变得难以处理,因为浏览器无形中转换了整个距离。 也使得缓解视觉效果变差。 变化#2 – 填充和增长的幻觉 .content { padding:0px; height:0px; opacity:0; } […]

什么是一些HTML和JavaScript编程的最佳参考网站

HTML和JavaScript编程的最佳参考网站: W3C WebEd Wiki (这个网站有一个自学教程以及参考资料): HTML , CSS W3C规范: HTML4 , HTML5 (工作草案), CSS 2.1 , DOM Tech Reports:等级1-3 ECMAScript: ECMAScript 5.1 (PDF), ECMAScript 3rd Ed。 , 注释ES 5.1 , HTML ES 3 SitePoint: DOM JavaScript , HTML , CSS – search Mozilla开发中心: DOM , JavaScript , JS Lang , AJAX , HTML , XHTML […]

什么字符必须转义HTTP查询string?

这个问题涉及URL的查询string部分中的字符,它出现在? 标记字符。 根据维基百科 ,某些字符保持不变 ,其他字符被编码(通常使用%转义序列)。 我一直在试图追踪到实际的规格,所以我理解维基百科页面中的每一个重点的理由。 矛盾例1: HTML规范说将空间编码为+然后将其余部分推迟到RFC1738 。 但是,这个RFC表示~是不安全的,而且“不安全的字符必须始终在URL中进行编码”。 这似乎与维基百科矛盾。 实际上,IE8在它生成的查询string中编码~ ,而FF3保持原样。 矛盾例2: 维基百科指出,所有未提及的字符都必须进行编码。 ! 没有在维基百科中提及。 但RFC1738指出! 是一个“特殊”字符和“可以使用未编码”。 这似乎与维基百科相矛盾,说它必须被编码。 实际上,IE8编码! 在它生成的查询string中,而FF3保持原样。 我明白,这个道德可能会被编码在维基百科和规范之间的疑问字符。 也许甚至会编码一切不是[A-ZA-Z0-9]的东西。 我只想知道这方面的实际标准。 结论 维基百科上描述的algorithm精确地对那些不是RFC3986非保留字符的字符进行编码。 也就是说,它编码除了字母数字和-._~以外的所有字符。 作为特殊情况,空间被编码为+而不是每个RFC3986的%20 。 某些应用程序使用较旧的RFC。 为了比较, RFC2396未保留的字符是字母数字和!'()*-._~ 。 为了比较, HTML5工作草案algorithm对除字母数字和*-._之外的所有字符进行编码。 编码空间的特殊情况仍然是+ 。 值得注意的区别是*不是编码,而是编码。 (从技术上讲, *处理与RFC3986兼容,即使*因为处于query生产允许的sub-delims而被reserved )。

如何渲染禁用的HTMLbutton的工具提示

我有一个HTMLbutton。 我试图根据button的“title”属性来渲染一个工具提示,并且它不渲染。 主要是因为它被禁用。 然后,我尝试在一个范围内包装button,并设置范围的“标题”属性。 hover在包裹在该跨度上的button仍然没有效果。 工具提示将在不属于button标签一部分的任何其他部分上呈现。 就像如果我把一些文本放在范围以及button,hover在文本产生工具提示,但如果你把鼠标hover在button上,它不会呈现。 所以:我如何显示禁用button的工具提示?

如何使HTML IFRAME 100%的宽度和高度?

我如何使iframe 100%的窗口宽度和高度?