小编Piy*_*iya的帖子

选择不在chrome中工作的选项填充

<style>
select option { padding:5px 0px; }
</style>    
<select>
<option>1</option>
<option>2</option>
<option>3</option> 
</select>

我目前正在开发一个网站的移动版本,一切都很棒,在iPhone,黑莓和Android上运行良好.

我有一个小问题,不是什么大问题,但仍然有点烦人.我有:

<h1>标签设置为18px,粗体
<h2>标签设置为12px,粗体
<p>标签设置为12px和正常

现在,当以纵向观看时,iPhone上的一切看起来都很棒,但是当设备旋转到横向时,<h1>标题会变小(难以辨别,但可能比<h2>标签小？!)

这是我的css:

h1 {
 color:#FFFFFF;
 font-size:18px;
 line-height:22px;
 font-weight:bold;
 margin-top:0px;
}

h2 {
 font-size:12px;
 color:#333333;
 font-weight:bold;
 margin-bottom:-5px;
}

p {
 color:#333333;
 font-size:12px;
 line-height:18px;
 font-weight:normal;
}

如何在不使用图像的情况下在CSS中使用渐变作为字体颜色？我想支持Firefox.

我使用过这段代码,但在Firefox中不支持:

<div class="text1"> Gradient Text</div>

.text1
 {
  font-size: 40px;
  background: -webkit-linear-gradient(#0F3, #F00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
 }

if($('#term').children().length == 0){
        $("#term").append("<ul id='ulDynamic' class='ulDynamic'></ul>");
        var i;
        for(i=1;i<=3;i++){
            var liDynamic = "Term "+i;
            var liId = "Term"+i;
            $("#ulDynamic").append("<li id="+liId+ " class='listDynamic'>"+ liDynamic +"</li>");
                    if(i==0){
                       $('#'+liId).click();
        }
    }

.click()无效,因为liId是动态创建的元素.我想在页面加载时自动点击第一个li元素.还有其他办法吗？

我想在宽度内自动包装单词.

<ul class="dropdown-menu" style="width:298px;margin:15px 0 0 0;">
     <li>option 1 </li>
     <li>option 2 option 2 option 2 option 2 option 2 option 2</li>
</ul>

它现在正常工作 white-space:normal

ul li{
     white-space:normal;
}

我正在寻找一个结构,其中一个按钮与textarea的右上角对齐.我能够使用CSS定位来做到这一点.当我开始在textarea内部输入时,文本位于按钮下方.有没有办法让文本通常占据文本区域的整个宽度,但是在达到按钮的边界时,会被包裹到下一行？

我想创建一个大图像在屏幕上占据一半的网页，如下所示：

我怎样才能用 CSS 做到这一点？