当前位置: 首页 > 面试题库 >

选择列表中的Safari和IE中无法使用padding

龚铭
2023-03-14
问题内容

有谁知道为什么我的Safari没有在选择列表中填充?在FF中工作正常,请告诉我该怎么做。doctype有什么问题吗?

码:

<select style="padding-left:15px">
<option>male></option>
<option>female></option>
</select>

我正在使用以下文档类型;

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

问题答案:

即使W3规范不允许在选择框中填充,无论出于何种原因,Webkit浏览器(Safari,Chrome)都不支持填充。取而代之的是,您可以删除padding- left和,text-indent而是使用相同的金额添加到选择框width

从您的评论示例中:

<select id="sexID" name="user[sex]" 
        style="border:1px solid #C1272D;
               width:258px; // 243 + 15px
               text-indent:15px;
               height:25px;
               color:#808080;">


 类似资料:
  • 我有一个SVG线条动画绘制文本,但它似乎不能在Safari或Internet Explorer上工作。是不是我漏了什么? http://codepen.io/anon/pen/vygdzv CSS

  • 我正在尝试从下拉选择一个元素。我没有使用Select类的选项,我正在尝试使用Actions类。它只定位下拉列表,但不选择下拉列表中的元素,因为它无法识别XPath。xpath看起来是正确的,但仍未被接受。下面是HTML开发工具和Java代码。 HTML代码:

  • 问题内容: 我正在尝试使用Java和基于WebDriver的语法从硒的选择列表中选择一个元素。 我有选择列表 我怎么做? 问题答案: 如果速度较慢,请考虑类似

  • 我正在使用cucumber with capybara来实现web应用程序的自动化。我必须从下拉列表中选择一个值,但很多时候我会得到一个错误,比如;“参数类型字符串错误(应为数组)(TypeError)” 我试过用:1。

  • 我正在尝试自动选择硒离子中的下拉列表,但我无法使其正常工作。 基本上,我在菜单项上记录了一次单击,这会显示下拉菜单,但每当我在其中一个选项上使用单击命令时,它都会关闭菜单,而不会选择新选项。我也尝试了select命令,但我一直得到“指定元素不是select” 任何想法?

  • 问题内容: 我正在使用此布局。很大程度上取决于CSS calc进行必要的计算。 现在,我无法在Safari中使用它。我做错了什么吗? 而且,是否有一种方法可以为不支持该功能的浏览器引入后备机制?百分比不会做得很好,因为我必须从侧面的两个中减去中间的对象。 谢谢。 问题答案: 我解决此问题的方法是引入纯CSS后备功能,即不支持CSS calc的旧版浏览器只能读取。 如果浏览器无法读取计算值,则左右面