Make color-filter affect caret-color
[WebKit-https.git] / LayoutTests / css3 / flexbox / box-orient-button.html
1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
2 <html>
3 <head>
4 <style type="text/css">
5 .box {
6   display: -webkit-flex;
7   display: flex;
8 }
9 .horizontal {
10   -webkit-flex-direction: row;
11   flex-direction: horizontal;
12 }
13 .vertical {
14   -webkit-flex-direction: column;
15   flex-direction: column;
16 }
17 .box span {
18   display: -webkit-flex;
19   display: flex;
20 }
21 </style>
22 <script src="../../resources/testharness.js"></script>
23 <script src="../../resources/testharnessreport.js"></script>
24 </head>
25 <body>
26 <p id="description">Check if box-orient is working in &lt;button&gt;. See https://bugs.webkit.org/show_bug.cgi?id=25406</p>
27 <div id="log"></p>
28 <div id="main">
29 <p>
30 reference of horizontal button:<br>
31 <button id="reference_horizontal">
32   <span>hello</span>
33   <span>world</span>
34 </button>
35 <p>
36 reference of vertical button:<br>
37 <button id="reference_vertical">
38   <span>hello</span><br>
39   <span>world</span>
40 </button>
41 <p>
42 default:<br>
43 <button id="default" class="box">
44   <span>hello</span>
45   <span>world</span>
46 </button>
47 <p>
48 horizontal:<br>
49 <button id="horizontal" class="box horizontal">
50   <span>hello</span>
51   <span>world</span>
52 </button>
53 <p>
54 vertical:<br>
55 <button id="vertical" class="box vertical">
56   <span>hello</span>
57   <span>world</span>
58 </button>
59 <p>
60 default => vertical:<br>
61 <button id="toVertical" class="box">
62   <span>hello</span>
63   <span>world</span>
64 </button>
65 <p>
66 vertical => horizontal:<br>
67 <button id="toHorizontal" class="box vertical">
68   <span>hello</span>
69   <span>world</span>
70 </button>
71 </div>
72 <div id="console"></div>
73 <script src="resources/box-orient-button.js"></script>
74 </body>
75 </html>