Tag: CSS

使用css / js或html从选定的图像中删除烦人的蓝色覆盖？: 我在用这个search引擎进行search之后遇到了麻烦，而且我猜这也许是不可能的，但无论如何，我想我应该问。我正在制作一些带有一些animation可点击的图像的Web应用程序，我注意到（特别是在Chrome中，但也在ff中），任何轻微的意外拖动图像都会变成蓝色。（指示它被选中）有没有什么办法在jQuery的，CSS或HTML来停用这种恼人的副作用，或者有没有一种方法来使用图像，而没有这种默认行为？我希望我已经提出了我的问题简洁。我不能提供代码（商业敏感），但我可以告诉你，我所有的图像是在这样的无序列表： <ul> <li><img src="path"/></li> <li><img src="path"/></li> <li><img src="path"/></li> </ul>

我想将<td>中的文本alignment到顶部: 我有以下代码 <table style="height: 275px; width: 188px"> <tr> <td style="width: 259px;"> main page </td> </tr> </table> 主页面出现在我希望它出现在顶部的单元格的中央。

有没有任何Sass代码格式？: 有什么代码美化格式的萨斯（SCSS）代码？我知道如何格式化由SCSS编译器生成的输出CSS代码，但如何给SCSS代码本身提供很好的自动格式化？我已经尝试了一些在线CSS格式化程序，但是它们不适用于SCSS代码。如果我把这个给他们 .list5 { border-bottom: 1px solid #f2f2f1; padding: 0 0 20px 0; margin: 0 0 20px 0; ul li { margin: 0 0 5px 25px !important; height: auto !important; background: none !important; font-size: 14px; padding: 18px 3px 5px !important; width: 169px !important; } } 他们给这个输出 .list5 { border-bottom: 1px solid #f2f2f1; padding: […]

如何通过javascript将一个CSS类添加到一个元素？: 假设一个HTML元素的id是已知的，所以元素可以被引用： document.getElementById(element_id); 是否存在可用于将CSS类附加到该元素的原生JavaScript函数？

如何通过JavaScript更改一个CSS类风格？: 根据我正在阅读的书，最好是改变一个CSS，当你使用Javascript来改变CSS时，通过类。但是，如何？有人可以给这个样本片段吗？

为列表（<li>）使用CSS精灵背景图片: 有没有可能使用CSS精灵的列表背景图片？通常情况下，我用这样的CSS呈现我的精灵： .sprite { background: url(sprite.png) no-repeat top left;} .sprite-checkmark { background-position: 0 -24px; width: 24px; height: 23px; } .sprite-comment { background-position: 0 -48px; width: 14px; height: 14px; } <div class="sprite sprite-checkmark"></div> 是否有可能使用精灵的<li>元素的子弹？有CSS属性称为列表样式图像和列表样式的位置，但我不知道如何使它的工作没有像列表样式图像宽度和列表样式图像高度的属性的存在以及。谢谢。

在React Native中查看父级的80％宽度: 我在React Native中创build了一个表单，并希望使我的TextInput成为屏幕宽度的80％。用HTML和普通的CSS，这将是直截了当的： input { display: block; width: 80%; margin: auto; } 除了React Native不支持display属性，百分比宽度或自动页边距。那我该怎么做呢？在React Native的问题跟踪器中有一些关于这个问题的讨论，但是提出的解决scheme看起来像是讨厌的黑客。

使用：重点风格的外部div？: 当我开始在textarea中写文本时，我想让外部的div和一个类框一起使边框变成实心的，而不是虚线，但不知何故：这种情况下焦点不适用。如果它适用于：主动，它怎么不适用：焦点？任何想法为什么？（注意：我希望DIV的边框变成固定的，而不是textareas） div.box { width: 300px; height: 300px; border: thin dashed black; } div.box:focus{ border: thin solid black; } <div class="box"> <textarea rows="10" cols="25"></textarea> </div>

如何在Click – Material Design中创build纹波效果: 我是新来的CSSanimation，我一直试图通过查看他们的代码，使他们的animation工作在最后几个小时，但我不能让它现在工作。我在谈论这个效果： https ： //angular.io/ （菜单效果）。基本上，这是一个点击animation，从鼠标光标展开一个圆圈。似乎归结为这两行： transition: box-shadow .4s cubic-bezier(.25,.8,.25,1),background-color .4s cubic-bezier(.25,.8,.25,1),-webkit-transform .4s cubic-bezier(.25,.8,.25,1); transition: box-shadow .4s cubic-bezier(.25,.8,.25,1),background-color .4s cubic-bezier(.25,.8,.25,1),transform .4s cubic-bezier(.25,.8,.25,1); PS：也许有一些我没有看到的jQuery。