Tag: html

使用开发人员工具检查webkitinput占位符: 可以使用以下方式设置文本input的占位符的样式： -webkit-input-placeholder { color: red; } 我正在网上查看一个网站，我想要使用相同的占位符颜色。是否有可能弄清楚他们使用了什么颜色？我想包括所有的alpha值，所以我不能只用图像编辑器对颜色进行采样。当我使用Chrome开发工具检查元素时，我看到：当检查input元素时，开发工具不提供关于占位符元素的信息。有另一种方法吗？

中心HTMLinput文本字段占位符: 我怎样才能中心的input字段的占位符在HTML格式的alignment？我正在使用下面的代码，但它不起作用： CSS – > input.placeholder { text-align: center; } .emailField { top:413px; right:290px; width: 355px; height: 30px; position: absolute; border: none; font-size: 17; text-align: center; } HTML – > <form action="" method="POST"> <input type="text" class="emailField" placeholder="support@socialpic.org" style="text-align: center" name="email" /> <!<input type="submit" value="submit" /> </form>

在下拉列表中空白HTMLselect没有空白项目: 如何实现subj？当我写： <form> <select> <option value="0">aaaa</option> <option value="1">bbbb</option> </select> </form> 那么默认select的项目是“aaaa” 当我写： <form> <select> <option value=""></option> <option value="0">aaaa</option> <option value="1">bbbb</option> </select> </form> 那么默认select的项目是空白的，但是这个空白项目下拉。我怎么能实现SELECT标签与隐藏在下拉列表中的默认空白值？

在Safari 10中旋转时，SVG会改变颜色: 我刚刚遇到一个非常奇怪的问题，只在Safari 10中出现。我有玩纸牌，svg图像，有时使用transform:rotate(xdeg) 。我正在使用的卡有一个红色块模式。当它没有旋转，或以直angular旋转，即90,180,270，那么它看起来很正常。但是，除此之外的任何angular度和背景图案变成蓝色！我刚刚从我的一个用户那里得到了一个这样的报告，从来没有看到任何奇怪的东西。其他浏览器一切正常，Safari 9正常。我猜这只是Safari 10中一个非常奇怪的错误，但是有关如何解决它的任何想法？我已经创build了一个最小的repro： https://jsfiddle.net/2zv4garu/1/

CSSselect器“（A或B）和C”？: 这应该很简单，但我很难find它的search条件。比方说，我有这个： <div class="ac">Foo</div> <div class="bc">Bar</div> 在CSS中，如何创build一个匹配“（.a或.b）和.c”匹配的select器？我知道我可以这样做： .ac,.bc { /* CSS stuff */ } 但是，假设我将不得不这样做逻辑很多，有各种各样的逻辑组合，有更好的语法吗？

Twitter引导程序下拉列表在屏幕之外: 我想实现twitter引导下拉菜单，这里是我的代码： <span class="dropdown"> <a href="#menu1" class="dropdown-toggle" data-toggle="dropdown" ><img class="left" src="/static/img/topmenu_preferences.png" /><b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="#">a</a></li> <li><a href="#">b</a></li> <li><a href="#">c</a></li> <li class="divider"></li> <li><a href="#">d</a></li> </ul> 下拉菜单效果很好，我的下拉菜单放在屏幕的右边，当我点击我的下拉菜单时，列表就会出现在屏幕之外。它看起来像在屏幕上：我该如何解决它？

如何在一个div中放置一个（背景）图像？: 是否有可能在一个div中的背景图像？我已经尝试了一切 – 但没有成功： <div id="doit"> Lorem Ipsum … </div> //CSS #doit { background-image: url(images/pic.png); background-repeat: none; text-align: center; } 这可能吗？

为什么CSS不支持负填充？: 我曾经看到过很多次，负面填充的前景可能会帮助某些页面元素的CSS开发变得更好和更容易。然而，在W3C CSS中并没有规定负填充。这背后的原因是什么？有没有妨碍财产，阻止它的使用？感谢您的回答。 UPDATE 正如我所看到的，例如，如果您使用的字体有一些20px的垂直间距，并且希望将虚线边框应用于字体的底部，请在出现超链接时进行说明。在这种情况下，你会发现风格太破旧了，因为虚线边框会出现在指定字词下方20px的位置。如果使用负值保证金，则无法工作，因为保证金会改变区域外的区域。负填充可能有助于这种情况。

在表格中的特定行周围边框？: 我试图devise一些HTML / CSS，可以放在一个表中的特定行周围的边框。是的，我知道我真的不应该使用表布局，但我不知道足够的CSS来完全取代它。无论如何，我有一个表有多个行和列，有些与rowspan和colspan合并，我想在表的一部分放一个简单的边框。目前，我使用4个独立的CSS类（顶部，底部，左侧，右侧），分别附加在表格的顶部，底部，左侧和右侧的<td>单元格中。 .top { border-top: thin solid; border-color: black; } .bottom { border-bottom: thin solid; border-color: black; } .left { border-left: thin solid; border-color: black; } .right { border-right: thin solid; border-color: black; } <html> <body> <table cellspacing="0"> <tr> <td>no border</td> <td>no border here either</td> </tr> <tr> <td class="top left">one</td> <td […]

从<ul>中删除项目符号点: 我有以下列表： <ul id="otis"> <li>Benz</li> <li>Other Benz</li> <li>Other Other Benz</li> </ul> 我想摆脱子弹，所以我试过： ul#otis { list-style-type: none; } 这虽然没有奏效。从列表中删除子弹的正确方法是什么？