RenderText {#text} at (0,0) size 284x18
text run at (0,0) width 284: "List color controls have different appearance."
RenderBR {BR} at (284,14) size 0x0
- RenderBlock {INPUT} at (0,18) size 44x23 [bgcolor=#FFFFFF] [border: none (2px inset #EEEEEE) none (2px inset #EEEEEE)]
+ RenderBlock {INPUT} at (0,18) size 44x23 [bgcolor=#C0C0C0] [border: none (1px solid #A9A9A9) none (1px solid #A9A9A9)]
RenderFlexibleBox {DIV} at (3,1) size 38x21
RenderBlock {DIV} at (2,4) size 34x13 [bgcolor=#000000] [border: (1px solid #777777)]
RenderBlock {INPUT} at (44,22) size 88x18 [bgcolor=#F8F8F8]
RenderText {#text} at (0,0) size 577x18
text run at (0,0) width 577: "List color controls have different sizes depending on font sizes. Normal color controls don't."
RenderBR {BR} at (577,14) size 0x0
- RenderBlock {INPUT} at (0,18) size 44x23 [bgcolor=#FFFFFF] [border: none (2px inset #EEEEEE) none (2px inset #EEEEEE)]
+ RenderBlock {INPUT} at (0,18) size 44x23 [bgcolor=#C0C0C0] [border: none (1px solid #A9A9A9) none (1px solid #A9A9A9)]
RenderFlexibleBox {DIV} at (3,1) size 38x21
RenderBlock {DIV} at (2,4) size 34x13 [bgcolor=#00FF00] [border: (1px solid #777777)]
RenderText {#text} at (44,21) size 4x18
text run at (44,21) width 4: " "
- RenderBlock {INPUT} at (48,18) size 44x23 [bgcolor=#FFFFFF] [border: none (2px inset #EEEEEE) none (2px inset #EEEEEE)]
+ RenderBlock {INPUT} at (48,18) size 44x23 [bgcolor=#C0C0C0] [border: none (1px solid #A9A9A9) none (1px solid #A9A9A9)]
RenderFlexibleBox {DIV} at (3,1) size 38x21
RenderBlock {DIV} at (2,4) size 34x13 [bgcolor=#00FF00] [border: (1px solid #777777)]
RenderText {#text} at (92,21) size 4x18
text run at (92,21) width 4: " "
- RenderBlock {INPUT} at (96,18) size 44x23 [bgcolor=#FFFFFF] [border: none (2px inset #EEEEEE) none (2px inset #EEEEEE)]
+ RenderBlock {INPUT} at (96,18) size 44x23 [bgcolor=#C0C0C0] [border: none (1px solid #A9A9A9) none (1px solid #A9A9A9)]
RenderFlexibleBox {DIV} at (3,1) size 38x21
RenderBlock {DIV} at (2,4) size 34x13 [bgcolor=#00FF00] [border: (1px solid #777777)]
RenderText {#text} at (140,21) size 4x18
RenderText {#text} at (0,0) size 119x22
text run at (0,0) width 119: "Various Colors"
RenderBlock (anonymous) at (0,241.59) size 784x23
- RenderBlock {INPUT} at (0,0) size 44x23 [bgcolor=#FFFFFF] [border: none (2px inset #EEEEEE) none (2px inset #EEEEEE)]
+ RenderBlock {INPUT} at (0,0) size 44x23 [bgcolor=#C0C0C0] [border: none (1px solid #A9A9A9) none (1px solid #A9A9A9)]
RenderFlexibleBox {DIV} at (3,1) size 38x21
RenderBlock {DIV} at (2,4) size 34x13 [bgcolor=#FF0000] [border: (1px solid #777777)]
RenderText {#text} at (44,3) size 4x18
text run at (44,3) width 4: " "
- RenderBlock {INPUT} at (48,0) size 44x23 [bgcolor=#FFFFFF] [border: none (2px inset #EEEEEE) none (2px inset #EEEEEE)]
+ RenderBlock {INPUT} at (48,0) size 44x23 [bgcolor=#C0C0C0] [border: none (1px solid #A9A9A9) none (1px solid #A9A9A9)]
RenderFlexibleBox {DIV} at (3,1) size 38x21
RenderBlock {DIV} at (2,4) size 34x13 [bgcolor=#00FF00] [border: (1px solid #777777)]
RenderText {#text} at (92,3) size 4x18
text run at (92,3) width 4: " "
- RenderBlock {INPUT} at (96,0) size 44x23 [bgcolor=#FFFFFF] [border: none (2px inset #EEEEEE) none (2px inset #EEEEEE)]
+ RenderBlock {INPUT} at (96,0) size 44x23 [bgcolor=#C0C0C0] [border: none (1px solid #A9A9A9) none (1px solid #A9A9A9)]
RenderFlexibleBox {DIV} at (3,1) size 38x21
RenderBlock {DIV} at (2,4) size 34x13 [bgcolor=#0000FF] [border: (1px solid #777777)]
RenderText {#text} at (140,3) size 4x18
text run at (140,3) width 4: " "
- RenderBlock {INPUT} at (144,0) size 44x23 [bgcolor=#FFFFFF] [border: none (2px inset #EEEEEE) none (2px inset #EEEEEE)]
+ RenderBlock {INPUT} at (144,0) size 44x23 [bgcolor=#C0C0C0] [border: none (1px solid #A9A9A9) none (1px solid #A9A9A9)]
RenderFlexibleBox {DIV} at (3,1) size 38x21
RenderBlock {DIV} at (2,4) size 34x13 [bgcolor=#EC008C] [border: (1px solid #777777)]
RenderText {#text} at (188,3) size 4x18
text run at (188,3) width 4: " "
- RenderBlock {INPUT} at (192,0) size 44x23 [bgcolor=#FFFFFF] [border: none (2px inset #EEEEEE) none (2px inset #EEEEEE)]
+ RenderBlock {INPUT} at (192,0) size 44x23 [bgcolor=#C0C0C0] [border: none (1px solid #A9A9A9) none (1px solid #A9A9A9)]
RenderFlexibleBox {DIV} at (3,1) size 38x21
RenderBlock {DIV} at (2,4) size 34x13 [bgcolor=#40E0D0] [border: (1px solid #777777)]
RenderText {#text} at (236,3) size 4x18
RenderText {#text} at (0,0) size 113x22
text run at (0,0) width 113: "Arbitrary Size"
RenderBlock (anonymous) at (0,324.03) size 784x46
- RenderBlock {INPUT} at (0,10) size 100x30 [bgcolor=#FFFFFF] [border: none (2px inset #EEEEEE) none (2px inset #EEEEEE)]
+ RenderBlock {INPUT} at (0,10) size 100x30 [bgcolor=#C0C0C0] [border: none (1px solid #A9A9A9) none (1px solid #A9A9A9)]
RenderFlexibleBox {DIV} at (3,1) size 94x28
RenderBlock {DIV} at (2,4) size 90x20 [bgcolor=#FF0000] [border: (1px solid #777777)]
RenderText {#text} at (100,20) size 4x18
text run at (100,20) width 4: " "
- RenderBlock {INPUT} at (104,0) size 88x46 [bgcolor=#FFFFFF] [border: none (4px inset #EEEEEE) none (4px inset #EEEEEE)]
+ RenderBlock {INPUT} at (104,0) size 88x46 [bgcolor=#C0C0C0] [border: none (2px solid #A9A9A9) none (2px solid #A9A9A9)]
RenderFlexibleBox {DIV} at (6,2) size 76x42
RenderBlock {DIV} at (4,8) size 68x26 [bgcolor=#FF0000] [border: (2px solid #777777)]
RenderText {#text} at (192,20) size 4x18
RenderBlock {H3} at (0,388.75) size 784x22
RenderText {#text} at (0,0) size 94x22
text run at (0,0) width 94: "Other styles"
- RenderBlock (anonymous) at (0,429.47) size 784x25
- RenderBlock {INPUT} at (0,2) size 44x23 [bgcolor=#FFFF00] [border: (2px inset #EEEEEE)]
- RenderFlexibleBox {DIV} at (3,3) size 38x17
- RenderBlock {DIV} at (2,4) size 34x9 [bgcolor=#FF0000] [border: (1px solid #777777)]
+ RenderBlock (anonymous) at (0,429.47) size 784x24
+ RenderBlock {INPUT} at (0,1) size 44x23 [bgcolor=#FFFF00] [border: (1px solid #A9A9A9)]
+ RenderFlexibleBox {DIV} at (3,2) size 38x19
+ RenderBlock {DIV} at (2,4) size 34x11 [bgcolor=#FF0000] [border: (1px solid #777777)]
RenderText {#text} at (44,3) size 4x18
text run at (44,3) width 4: " "
RenderBlock {INPUT} at (48,0) size 88x23 [bgcolor=#FFFF00] [border: (1px solid #A6A6A6)]
RenderBlock {DIV} at (8,4) size 54x13 [bgcolor=#FF0000] [border: (1px solid #000000)]
RenderText {#text} at (136,3) size 4x18
text run at (136,3) width 4: " "
- RenderBlock {INPUT} at (140,1) size 44x23 [bgcolor=#FFFFFF] [border: (1px solid #00FF00)]
- RenderFlexibleBox {DIV} at (2,2) size 40x19
- RenderBlock {DIV} at (2,4) size 36x11 [bgcolor=#FF0000] [border: (1px solid #777777)]
+ RenderBlock {INPUT} at (140,1) size 44x23 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+ RenderFlexibleBox {DIV} at (3,2) size 38x19
+ RenderBlock {DIV} at (2,4) size 34x11 [bgcolor=#FF0000] [border: (1px solid #777777)]
RenderText {#text} at (184,3) size 4x18
text run at (184,3) width 4: " "
RenderBlock {INPUT} at (188,0) size 88x23 [bgcolor=#F8F8F8] [border: (1px solid #00FF00)]