小编gee*_*h01的帖子

如何设置默认Chrome输入的大纲样式(焦点,橙色),所以在每个浏览器中看起来都一样？镀铬风格似乎是textarea:focus{outline: rgb(229, 151, 0) auto 5px; outline-offset: -2px},但它不工作(没有auto对outline-style其他浏览器).

取决于浏览器,我想确定应该使用哪个对象.对于IE <10,它应该是XDomainRequest,其余的XMLHttpRequest.

if(window.XDomainRequest) //basically 'if IE'
    //XDomainRequest
else
    //XMLHttpRequest

由于IE10具有跨源资源共享支持,因此最好使用XMLHttpRequest对象.这段代码将不再正常工作(我想IE10仍然有支持XDomainRequest,纠正我,如果我错了,我无法测试它).直接检查浏览器并不是最安全的方法.所以我的问题是,确定应该使用哪个对象的最佳方法是什么？我正在寻找纯JS(非jQuery)解决方案.

<div style="float: left; padding: 10px; border: 1px solid; 
background: #ccc">random text</div>

有没有办法在SVG中实现这样的目标？我的意思是有一个矩形和一个文本和:

a)矩形的宽度和高度是动态的,所以当我更改文本时,矩形调整其大小
b)当我移动矩形时,文本随之变化

并且更容易实现这样的事情<canvas>吗？

编辑:

<defs>       
    <text id="text1" x="90" y="100" style="text-anchor:start;font-size:30px;">
    THIS IS MY HEADER</text>
</defs>

<filter x="0" y="0" width="1" height="1" id="background">
    <feFlood flood-color="gray"/>
    <feComposite in="SourceGraphic"/>
</filter>

<use xlink:href="#text1" fill="black" filter="url(#background)"/>

ErikDahlström提出了这样的建议.如何填充背景,如何添加例如.阴影或边框到矩形？并且,这在IE9中不起作用,所以我不能接受它.<foreignObject>如果IE中有支持,我可以使用它.

而我只是想出了我的问题的答案.您必须将两个元素放在组中:

<g>
    <rect x="0" y="0" width="100" height="100" fill="red"></rect>
    <text x="50" y="50" font-size="14" fill="blue" text-anchor="middle">Hello</text>
</g>

然后你可以使用transformparam 移动组:

<g transform="translate(x, y)">

似乎在每个浏览器中都正常工作.

<svg>
    <text id="test" x="0" y="15"></text>
</svg>

,

d3.select("#test").text("aaa");

要么

document.getElementById("test").textContent("aaa");

工作良好.但我需要在文本中添加样式.现在:

d3.select("#test").text('aaa <tspan style="font-weight:bold">bbb</tspan> ccc');

遗憾的是不起作用,因为参数被视为纯字符串.针对此问题的最佳跨浏览器解决方案是什么？

this.anim= true;

如何将此对象的变量更改为秒false后x？