1<html> 2<head> 3 4<style> 5.editing { 6 border: 2px solid red; 7 padding: 12px; 8 font-size: 24px; 9} 10.inputtest { 11 font-family:'Hiragino Kaku Gothic Std'; 12 border: 2px solid green; 13} 14</style> 15 16<title>Inline Input Method Marking</title> 17</head> 18<body> 19<p>This tests that the underlining of the inline input hole does not obscure the glyphs.</p> 20 21<ol> 22<li>Switch to Hirigana input method</li> 23<li>Type characters into each of the green blocks below</li> 24<li>As you do so, check that glyphs in the inline hole are clearly readable</li> 25</ol> 26<div contenteditable id="root" class="editing" style="width:400px;"> 279px Hiragino Kaku Gothic Std<div class="inputtest" style="font-size: 9px;"><br></div> 28<br>12px Hiragino Kaku Gothic Std<div class="inputtest" style="font-size: 12px;"><br></div> 29<br>24px Hiragino Kaku Gothic Std<div class="inputtest" style="font-size: 24px;"><br></div> 30</div> 31 32<script> 33runEditingTest(); 34</script> 35 36</body> 37</html> 38 39