Questions tagged «css»

我想修改显示数据列表中不同选项列表的方式。是否可以在其上应用某些CSS属性？ <input list="languages" id="language_id"> <datalist id="languages"> <option value="html">HTML</option> <option value="java">Java</option> <option value="perl">Perl</option> <option value="php">PHP</option> <option value="ruby-on-rails">Ruby on Rails</option> </datalist> 我试过了 option { background: red; } 但它似乎不起作用。

83 css  html  option  html-datalist 

这是iPhone网站：http : //www.thevisionairegroup.com/projects/accessorizer/site/ 单击“立即玩”后，您将进入游戏。枪支将滚动。您可以上下滚动钱包和配件。您可以看到，放开时它们会卡入到位。就像发生这种情况一样，也会发生闪烁。我正在使用的唯一Webkit动画是： '-webkit-transition': 'none' '-webkit-transition': 'all 0.2s ease-out' '-webkit-transform': 'translate(XXpx, XXpx)' 我根据是否要设置动画来选择第一个或第二个过渡，而变换是我四处移动的唯一方法。 但是最大的问题是，当您单击“匹配项目”，然后单击“再次播放”时。您会看到枪响动，配件/钱包的整个背景变成白色。有人可以向我辐射一下为什么会发生这种情况吗？

83 iphone  css  animation  webkit  flicker 

当您单击我的Google Maps v3上的主页图标时，我的InfoWindow似乎没有正确调整到InfoWindow内容的大小。 它在不应该时提供滚动条。InfoWindow应该正确地自动调整大小。 有什么想法吗？ 根据请求，相关的JavaScript会为InfoWindow注入HTML： listing = '<div>Content goes here</div>'; 更新 此错误已由有问题的Google处理 https://issuetracker.google.com/issues/35823659 该修复程序于2015年2月在Maps JavaScript API的3.19版中实现。

83 javascript  html  css  google-maps 

这可能是一个基本的html / css问题... 我有一个简单的一键式表单，我想在段落文本中内联显示。 <p>Read this sentence <form style='display:inline;'> <input style='display:inline;' type='submit' value='or push this button'/> </form>. </p> 即使表单具有style = display：inline属性，我在表单之前也会换行。有办法摆脱它吗？ 表单元素可以出现在里面<p>吗？

83 html  css 

如何获得具有可滚动内容的固定页眉和页脚？类似于此页面。我可以看看获得CSS的源代码，但是我只想知道使此工作所需的最低CSS和HTML。

83 html  css 

我正在寻找一种解决悬停问题的方法。 <div class="section"> <div class="image"><img src="myImage.jpg" /></div> <div class="layer">Lorem Ipsum</div> </div> 现在，图像和图层这两个类都有边框。两者的正常和悬停都有不同的颜色。有办法做到这一点，因此，如果我将图层类悬停，则图层和图像类的悬停边框颜色都处于活动状态？反之亦然？

83 css  xhtml  hover 

我有一个来自页面构建器的HTML页面，它将style属性直接注入到元素中。我发现它被视为element.style。 我想使用CSS覆盖它。我可以匹配元素，但不会覆盖它。 如何使用CSS覆盖样式？

83 css 

昨天我在学校里有一个使用CSS 3 flexbox语句的网站。我以前从未用过。所以我用谷歌搜索了一下，发现了很多不同样式的flexbox语句。 有些人写display: box;，有些用display: flexbox;，还有一些display: flex;。 那有什么区别呢？我应该使用哪个？

83 css  flexbox 

的HTML <div> <p>inverted color</p> </div> 的CSS div { background-color: #f00; } p { color: /* how to use inverted color here in relation with div background ? */ } 有什么办法可以p用CSS反转颜色？ color: transparent;为什么color: invert;甚至在CSS3中也没有？

83 css  colors 

我想知道如何使用纯JavaScript（而不是jQuery库或任何其他库）单击时使HTML元素<div>或<p>tag元素可调整大小。

83 javascript  html  css  dom-events 

我使用由过渡移动6000个小div元素在CSS3实验top: 0来top: 145px测试性能。 使用没有硬件加速运行平稳谷歌浏览器。 如果我通过translateZ(0)性能启用硬件加速，将变得可怕。 为什么呢？ 这是我的示例代码：http : //dl.dropboxusercontent.com/u/17844821/tmp/hwtest.html 更新（2014-11-13）：由于这个问题仍在引起人们的注意，我想指出的是问题本身似乎仍然存在，尽管在现代硬件提供的演示中可能不再可见上述的卡顿现象。较旧的设备可能仍然会遇到性能问题。

82 css  css-transitions  hardware-acceleration 

对不起，标题有点垃圾。我想不出如何更好地描述这一点。 我正在尝试在我的网站上实施Google Friend Connect成员小工具（只是进入该计划，并希望在不进行重大重新设计的情况下就将其放入，至少出于测试目的）。 我的问题如下： 我有一个容器div，其宽度为主页（正文）的90％。在此内部，我将div浮动到右侧，并将其宽度设置为300px，然后将google小工具放入其中。我想要的是让div填充Google小工具div左侧剩余空间的95％。 我不知道是否可以将px和％与div和widths混合。 我希望这是有道理的。 谢谢

82 css 

我有一个宽度和高度为％的容器，因此可以根据外部因素进行缩放。我希望容器内的字体相对于容器的大小是恒定的。是否有使用CSS做到这一点的好方法？将font-size: x%根据原来的字体尺寸（这将是100％）将只缩放字体。

82 javascript  css  font-size 

好的，所以我知道您可以在HTML中使用<b>标签，但是标签中没有"weight=bold"可以使用的属性<p>吗？ 还是在CSS或Javascript中？

82 html  css 

我的应用程序中有一个模式对话框，可以在y方向上变长。这就引入了一个问题，即对话框的某些内容被隐藏在页面底部之外。 我希望窗口滚动条在显示对话框时滚动对话框，但对话框无法容纳到屏幕上，但要使主体保持在模态后面。如果您使用Trello，那么您就会知道我要干什么。 如果不使用JavaScript来控制滚动条，是否可以实现？ 到目前为止，这是我已应用于模态和对话框的CSS： body.blocked { overflow: hidden; } .modal-screen { background: #717174; position: fixed; overflow: hidden; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.9; z-index: 50; } .dialog { background: #fff; position: fixed; padding: 12px; top: 20%; left: 50%; z-index: 10000; border-radius: 5px; box-shadow: 0, 0, 8px, …

82 css  scroll