小编use*_*559的帖子

我在玩SVG（试图用SVG替换图标字体。）我得到它来使用对象标记渲染图像/ svg。但是，我无法从CSS更改颜色。假设我更喜欢从CSS为它着色，当我用来嵌入SVG时，有没有办法做到这一点。

   <object class="partnerLogo" type="image/svg+xml" data="assets/logos/sample.svg">
           Your browser does not support SVG
   </object>

CSS，到目前为止，我尝试过：

.partnerLogo {
    width: 100%;
    height: 100px;
    color: red;
    color-fill: red;
}

在sample.svg文件中，我<?xml-stylesheet type="text/css" href="../css/styles.css"?>刚刚添加了

styles.css已添加到页面。

谢谢！

我正在尝试将 YouTube iframe 嵌入到我网站上的自定义灯箱中。嵌入本身运行良好。当我尝试关闭灯箱时，灯箱会关闭，但视频（而不是音频）会在后台继续播放。stopVideo函数返回“stopVideo 不是函数”

$("#youTubeLink").click(function(){
     var f = '<iframe id="ytplayer" type="text/html" width="100%" height="400px" src="http://www.youtube.com/embed/M7lc1UVf-VE?enablejsapi=1&origin=http://example.com" frameborder="0"></iframe>'
     global.addLightboxContent(f);
     global.showLightbox();
});

当我关闭灯箱时，就会发生这种情况

$("div#lightbox-close").click(function() {
    $('#ytplayer').stopVideo();
    global.killLightbox();
}

• 全局灯箱功能正在做它们应该做的事情（将 iframe 添加到 LB，显示它，然后杀死它）
• 当div#lightbox-close点击 时，该功能被触发。使用控制台日志进行测试

我猜我缺少某种 Youtube js 脚本包含。我不确定到底是什么。

我试图用一个小箭头画一条线,如图所示.

我无法得到向下箭头.有没有办法可以用html和css做到这一点？

HTML

  <hr class="line">

CSS

.line{
width:70%;
color:red;
}

http://jsfiddle.net/4eL39sm1/

谢谢.

我试图用一个小箭头画一条线,如图所示.

我能够在psuedo标签之前和之后使用它来处理小提琴(在Stack溢出的帮助下).

<hr class="line">

http://jsfiddle.net/4eL39sm1/6/

但我现在需要像这样的div标签

<div class="hr"></div>

我已经相应地编辑了我的CSS

div.hr{
width:70%;
}

div.hr:after {
content:'';
position: absolute;
border-style: solid;
border-width: 15px 15px 0;
border-color: #FFFFFF transparent;
display: block;
width: 0;
z-index: 1;
top: 8px;
left: 45%;
}

div.hr:before {
content:'';
position: absolute;
border-style: solid;
border-width: 15px 15px 0;
border-color: #7F7F7F transparent;
display: block;
width: 0;
z-index: 1;
top: 9px;
left: 45%;
}

我做了这两个观察:

1. 箭头部分看起来是一个实心三角形.
2. 箭头(三角形错误的位置在顶部).我删除了顶部值css并且它对齐得很好但它仍然看起来像一个三角形.

有没有办法解决这个问题？

谢谢.

我正在构建一个需要文件上传的html表单.当我将文件上传部分工作时,我无法获得表单上传按钮和"没有文件选择"文本的样式.

我想要的标记是

有办法吗？

PS:请忽略绿色文字("上传屏幕截图").我有那个工作.

按钮和"未选择文件"的当前行为在同一行中.

HTML代码:

<div class="formField">
   <label for="fileToUpload">Upload a screen shot (optional) </label>
   <input type="file" name="fileToUpload" id="fileToUpload"/> 
</div>

我想使<em>标签内的文本变为粗体而不是斜体。有没有办法用CSS做到这一点？

我有一个复选框,复选框旁边的消息是ong.当消息堆叠起来时,我希望消息的第二行与第一行堆叠.现在,它与复选框对齐.有没有办法可以做到这一点？

HTML

<label for="MailingList" class="MailingList">
<input type="checkbox" id="MailingList" name="MailingList">Messsage goes here. Messsage goes here. Messsage goes here. Messsage goes here. Messsage goes here. Messsage goes here. Messsage goes here. Messsage goes here   
</label>

CSS:

.MailingList,
{
margin-left: 10px;
margin-top: 6px;
font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", "Helvetica";
font-size: 14px;
color: #666;
font-style: normal;
text-align: left;
line-height: 14.4pt;
letter-spacing: 0em;
}

JSFiddle:http://jsfiddle.net/vc8u1rfr/

有没有办法解决它？任何帮助深表感谢.

编辑

更正了JsFiddle:http://jsfiddle.net/vc8u1rfr/4/

我有JSON数组看起来像

var data = {
  "fields": [{
      "firstName": {
        "fieldName": "First Name",
        "required": true,
        "provided": false
      }
    },
    {
      "lastName": {
        "fieldName": "Last Name",
        "required": true,
        "provided": false
      }
    },
    {
      "email": {
        "fieldName": "Email",
        "required": true,
        "provided": false
      }
    }
  ]
}

再往下我试着这样做:

1. 访问fieldNamefirstName对象.不使用索引就可以做到吗？

data.fields给了我一个对象数组.从那以后,我似乎无法使用对象密钥访问.

另外,data.fields[0]给出整个firstName对象,但我似乎无法做data.fields[0]["field"]或data.fields[0].field

谢谢.

我试图在同一行中包含 li 项。我设法做到了，但由于某种原因，每个 li 项目都被分成 2 行。我不知道为什么。有什么办法可以修复它吗？

HTML：

<section class="carousel price_carousel">   <!--Price section -->
<div class="wrapper" >
  <ul  class="list">
    <li>TEXT TEXT </li>
    <li>TEXT TEXT TEXT TEXT TEXT</li>
    <li>TEXT TEXT TEXT TEXT TEXT</li>
 </ul>
 </div>

JSfiddle（带 CSS）：http : //jsfiddle.net/bgeswkr4/

我正在研究一个必须从不同城市的 API 获取 json 数据并构建 DOM 的部分。

到目前为止，我已经能够做到这两点。唯一的问题是不同城市的 API 响应时间不同。因此，当我构建 DOM 时，它们的顺序与我调用函数的顺序不同。据我回忆，我需要使用 promise 来获得该订单。我现在的问题是：

1. 我如何使用一系列承诺（因为我的输入会有所不同）。
2. 另外我如何执行一系列承诺？

到目前为止我的工作代码：

var base_path = "https://www.example.com/";
var cities = [
   "San_Francisco",
    "Miami",
    "New_Orleans",
    "Chicago",
    "New_York_City"
];


function getData(city){
    var path =  base_path+city+".json";

    $.getJSON(path,function(data) {
     // build DOM
    });
}

for(var i=0;i<cities.length;i++) {
    getData(cities[i]);  
}

谢谢！