[HTML/JS] ExecCommand fontname/size contenteditable

[Guillome]

Hoi

Ik wil in mijn contenteditable div de fontname en size kunnen aanpassen.
Maar waarom doet hij met deze code niets?

code:

      function change_font(obj)
      {
        document.getElementById("textveld").focus();
        var range = document.selection.createRange();
        range.execCommand("FontName", false, 'arial narrow');//fontarray[obj.selectedIndex]);
        obj.focus();
      }
      function change_font_size(obj)
      {
        document.getElementById("textveld").focus();
        var range = document.selection.createRange();
        range.execCommand("FontSize", false, "5");//obj.options[obj.selectedIndex].innerText);
        obj.focus();
      }

de div

code:

<div id="textveld" contenteditable="true" name="textveld" style="border:3px groove; background-color: white; padding:5px; height:100%; width:100%;">asdasd</div>

De overige dingen doet ie wel, zoals bold of insertimage.

Bij voorbaat dank.

[Guillome]

Ik weet het al, het komt omdat ik dit in mijn stylesheet heb staan:
*
{
font-family:arial;
font-size:12px;
}

Hoe kan ik dit omzeilen? Zodat alleen de div deze style niet heeft?

[Verwijderd]

Gebruik maken van cascade i.p.v. dat soort rare styles gebruiken?

[Guillome]

Hoe bedoel je cascade?

[Verwijderd]

Euh grondbeginselen van CSS? Enig idee waar die C voor staat?

Dus bijvoorbeeld

code:

html{
 font:.9em/1.4 Arial,sans-serif;
}

Alle dieper gelegen elementen nemen automatisch de stijl van dit element over (cascade), i.p.v. dat je voor elk element zegt welke stijl ze moeten hebben.

[Guillome]

Dat heb ik nu toch ook met *.
Dan hebbe alle objecten die eigenschappen.
En zoals jij het doet, dan zou mijn div ook nog steeds die eigenschappen krijgen.
En dat moet niet. Die moet kaal blijven.