Previous Message
Next Message

Style Object tag svg

Sent by Chris Williams on 10 July 2016 19:07


It's not clear to me exactly what the question is.

Can you style SVG inside divs on a page? Yes, I've done it frequently.

How? Simple, and like every other CSS case: use a debugger (Chrome, FF, IE) and look at the object
structure, figure out the hierarchy you want/need and go for it.

Do I have to use jQuery? No. If you want to get fancy, you might have to use JavaScript, but that
doesn't mean you have to use jQuery (and all it's weight). The JS isn't that complex.




On 7/10/16, 8:06 AM, [EMAIL-REMOVED] on behalf of Crest Christopher"
[EMAIL-REMOVED] on behalf of [EMAIL-REMOVED]> wrote:

>Any more suggestions, it's pretty common question but I want to do it, 
>hopefully, with strictly CSS; every site I find related to the subject 
>either explains a jQuery solution or it's clear, or not clear at all on 
>a solution, as I'll be using this, if I can find, solution quite often.
>
>> Karl DeSaulniers [EMAIL-REMOVED]>
>> Sunday, July 10, 2016 10:55 AM
>> I think a link to a live example would be best here.
>>
>> Best,
>>
>> Karl DeSaulniers
>> Design Drumm
>> http://designdrumm.com
>>
>>
>>
>>
>>
>> ______________________________________________________________________
>> css-discuss [EMAIL-REMOVED]]
>> http://www.css-discuss.org/mailman/listinfo/css-d
>> List wiki/FAQ -- http://css-discuss.incutio.com/
>> List policies -- http://css-discuss.org/policies.html
>> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>> Karl DeSaulniers [EMAIL-REMOVED]>
>> Sunday, July 10, 2016 12:26 AM
>> Hi Crest,
>> Will this work?
>>
>> div#svgid object {
>> border: 1px solid #cfcfcf;
>> }
>>
>> Best,
>>
>> Karl DeSaulniers
>> Design Drumm
>> http://designdrumm.com
>>
>>
>>
>>
>>
>> ______________________________________________________________________
>> css-discuss [EMAIL-REMOVED]]
>> http://www.css-discuss.org/mailman/listinfo/css-d
>> List wiki/FAQ -- http://css-discuss.incutio.com/
>> List policies -- http://css-discuss.org/policies.html
>> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>> Crest Christopher [EMAIL-REMOVED]>
>> Saturday, July 09, 2016 11:24 PM
>> I've been searching on how I can style SVG files embedded in a 
>> <object> tag, including CSS animation.
>>
>> Can someone point me in the direction, how I can stylize a SVG object 
>> contained in a <object> tag though CSS; otherwise it appears jQuery is 
>> the only direction.
>
>______________________________________________________________________
>css-discuss [EMAIL-REMOVED]]
>http://www.css-discuss.org/mailman/listinfo/css-d
>List wiki/FAQ -- http://css-discuss.incutio.com/
>List policies -- http://css-discuss.org/policies.html
>Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread:

Possibly related: