いつもご参考にさせていただいております。
今回ご相談したいのはCSSについてです。
XpagesでLINE風の枠を作りたくdivに丸みを持たせようとしていたのですが、再現されません。
以下のCSSを<xp:div>に適用したのですが、
.balloon{
width: 200px;
height: 50px;
background: #00c300;
border-radius: 15px;
padding: 5px;
position: relative;
}
普通のHTMLだと、きちんと丸みを帯びるのにXpagesだとうまくいかないのはなぜでしょうか？
【HTMLだと大丈夫な例】=============================
<head>
<title>丸みを持たせる</title>
<link rel="stylesheet" type="text/css" href="test.css">
<div class="balloon"></div>
</head>
================================================
【HTMLだとNGな例】=================================
<xp:div styleClass="balloon"></xp:div>
================================================
ご存知の方がいらっしゃいましたら、ぜひ知恵をお貸しいただけませんか？
以上、よろしくお願いいたします。