Questions tagged «css»

已关闭。这个问题需要更加集中。它当前不接受答案。 2年前关闭。 已锁定。该问题及其答案被锁定，因为该问题是题外话，但具有历史意义。它目前不接受新的答案或互动。 当用户单击我页面上的按钮时，应清除div的内容。我将如何实现这一目标？

152 javascript  html  css 

有没有一种方法可以防止用户看到他们试图拖动的图像重影（与图像的安全性无关，而与体验有关）。 我已经尝试过此方法，可以解决文本和图像上的蓝色选择问题，但不能解决鬼图像： img { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } （我还尝试将图像嵌套在div中，并应用与div相同的规则）。谢谢

152 javascript  html  css 

我使用CSS样式text-align来对齐HTML容器中的内容。当内容为文本或浏览器为IE时，此方法工作正常。但是否则它不起作用。 顾名思义，它基本上也用于对齐文本。align属性早已不推荐使用。 还有什么其他方法可以对齐html中的内容？

152 html  css  text-align 

我正在整理一个液体样式表，效果很好。我注意到的一件事是，我在Chrome中的浏览器窗口的大小不会调整到400px以下，它只会卡在此处，而在FF中，当我按比例缩小时，它只会停在400px左右，然后弹出一个水平滚动条。 当我在手机上打开该网站时，它看起来很完美，约为320像素，因此我知道它的比例确实低于400像素。 我很好奇是否有人知道这是浏览器/桌面设备还是我应该查看CSS以外的东西。我没有任何最小宽度声明，所以我不确定是什么原因引起的。 再次在桌面上，它会缩小到最小宽度（约400像素）并停止，但是当我在手机上打开它时，它会缩小到手机屏幕的大小（约320像素）……很好奇为什么至少会赢了不能缩小到桌面上的320px。 -edit-另外，我不确定这是否重要，但是Opera可以将其缩小到几乎没有任何东西...因此它可以在Opera中使用，而不是在Chrome或FF中使用...有什么想法吗？

151 html  css  layout  liquid-layout 

在表单提交，验证后的其他文本和视觉辅助工具中，我将输入框涂成红色以表示需要注意的交互式区域。 在Chrome（针对Google工具栏用户）上，自动填充功能将我的输入表单重新着色为黄色。这是一个复杂的问题：我希望在表单上允许自动完成，因为这可以加快用户登录的速度。如果/当触发错误时，我将检查是否可以将自动完成属性关闭，但是这很复杂一点编码以编程方式关闭页面上单个受影响输入的自动完成功能。简而言之，这将是一个严重的头痛。 因此，为避免发生该问题，有没有更简单的方法可以阻止Chrome重新为输入框重新着色？ [edit]我尝试了下面的！重要建议，但没有任何效果。我尚未检查Google工具栏，以查看！important属性是否适用于此。 据我所知，除了使用autocomplete属性（确实起作用）之外，没有任何其他方法。

151 css  validation  google-chrome  html-input 

我在使此plunkr（select2 + angulat-ui）工作时遇到问题。 http://plnkr.co/edit/NkdWUO?p=preview 在本地设置中，我得到了select2的工作，但是我无法按照docs中所述设置宽度。它太窄而无法使用。 谢谢。 编辑：别介意plnkr，我在这里http://jsfiddle.net/pEFy6/找到了一个工作的小提琴 似乎select2的行为是折叠到第一个元素的宽度。我可以通过bootstrap设置宽度。class="input-medium"仍然不确定为什么angular-ui不使用配置参数。

151 css  twitter-bootstrap  angularjs  jquery-select2 

我想实现twitter bootstrap下拉菜单，这是我的代码： <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> 下拉菜单效果很好，我的下拉菜单位于屏幕右侧，当我单击下拉菜单时，列表位于屏幕之外。在屏幕上看起来像： 我该如何解决？

151 html  css  twitter-bootstrap 

我有以下HTML： <div class="title"> <span>Cumulative performance</span> <span>20/02/2011</span> </div> 使用此CSS： .title { display: block; border-top: 4px solid #a7a59b; background-color: #f6e9d9; height: 22px; line-height: 22px; padding: 4px 6px; font-size: 14px; color: #000; margin-bottom: 13px; clear:both; } 如果您检查此jsFiddle：http : //jsfiddle.net/8JwhZ/ 您会看到名称和日期固定在一起。有没有一种方法可以使日期与右边对齐？我尝试float: right;了第二个，<span>但它弄乱了样式，并将日期推到了封闭的div之外

151 html  css 

使用Firefox，您只需按一下即可放大整个网页CTRL +。这样做是按比例放大整个网页（字体，图像等）。 如何仅使用CSS复制相同的功能？ 是否有类似的东西page-size: 150%（它将使整个页面的部分增加x％？）

151 html  css  resize 

我目前正在Visual Studio 2012（在调试模式下）内编辑.css文件。我使用的是Chrome浏览器。当我在Visual Studio中对应用程序的.css文件进行更改并保存时，刷新页面将不会加载.css文件中的更新更改。我认为.css文件仍然被缓存。 我努力了： CTRL / F5 在Visual Studio 2012中，转到项目属性的“ Web”选项卡，在“开始操作”部分中选择“启动外部程序”，粘贴或浏览到Google Chrome的路径（我的路径为C：\ Users \ xxx \ AppData \ Local \ Google \ Chrome \ Application \ chrome.exe）在命令行参数框中放入-incognito 使用Chrome开发人员工具，单击“齿轮”图标，选中“禁用缓存”。 除非我手动停止调试（关闭Chrome），重新启动应用程序（在调试中），否则一切似乎都无法正常进行。 有什么方法可以强制Chrome始终重新加载所有CSS更改并重新加载.css文件？ 更新： 1.刷新时，.aspx文件中的行内样式更改被拾取。但是.css文件中的更改没有。2.这是一个ASP.NET MVC4应用程序，因此我单击一个执行GET的超链接。这样做，我看不到对样式表的新请求。但是单击F5，将重新加载.css文件，并且状态代码（在网络标签上）为200。

151 css  visual-studio  google-chrome  caching 

我有这个股利： <div style='overflow:scroll; width:400px;height:400px;'>here is some text</div> 即使文本不会溢出，滚动条也始终可见。我想使滚动条仅在必要时可见-即，仅在框中需要它们的文本时才可见。就像文本区域一样。我该怎么做呢？还是我唯一选择设置文本区域样式以使其看起来像div的选择？

151 css  html  scrollbar 

我有一些CSS，悬停时CSS过渡效果会移动div。 正如您在示例中看到的那样，问题在于translate过渡具有可怕的副作用，即使div中的图像向下/向右移动1px（并且可能会略微调整大小吗？），以至于它看起来不合适并没重点... 毛刺似乎一直在应用悬停效果的整个过程中，并且从反复试验的过程中，我可以肯定地说，似乎仅在平移过渡移动div时才出现（框阴影和不透明度也适用，但对删除后的错误）。 仅当页面具有滚动条时，才会出现该问题。因此，仅使用一个div实例的示例就可以了，但是一旦添加了更多相同的div，并且页面因此需要滚动条，问题就会再次出现。

150 css  image  hover  positioning  translate-animation 

我已经阅读了有关Internet Explorer愚蠢的CSS限制的冲突信息。我（想我）理解，您只能有31个<style>和<link>标签（组合），并且每张纸最多可以有31个@import-s（所以31 <link>-s，每个到31个@import-s都很好，尽管很疯狂）。 但是，4095规则不太明确-是每个文档还是每张4095规则？例如，我<link>可以创建两个样式表，每个样式表具有4000条规则，并且可以工作，还是会突破限制？ 第三方编辑2018 在此msdn博客文章stylesheet-limits-internet-explorer上提供了更多信息。

150 css  internet-explorer  stylesheet 

在angularjs中，您具有标记ng-src，其目的是在angularjs评估介于{{和之间的变量之前，不会收到无效网址的错误}}。 问题是，我使用了很多DIV，并将其background-image设置为url。我之所以这样做，是因为CSS3具有出色的属性background-size，可以将图像裁剪为DIV的确切大小。 唯一的问题是，由于创建ng-src标记的原因完全相同，因此我收到很多错误：我的url中有一些变量，浏览器认为该图像不存在。 我意识到有写粗略的可能性{{"style='background-image:url(myVariableUrl)'"}}，但这似乎是“肮脏的”。 我搜索了很多内容，却找不到正确的方法。由于所有这些错误，我的应用变得一团糟。

150 css  angularjs 

我目前正在使用readonly =“ readonly”来禁用字段。我现在正尝试使用CSS设置属性样式。我尝试使用 input[readonly] { /*styling info here*/ } 但由于某种原因，它无法正常工作。我也尝试过 input[readonly='readonly'] { /*styling info here*/ } 那也不起作用。 如何使用CSS设置readonly属性的样式？

150 html  css  css-selectors