css - JqueryMobile Collapsible でのテキストの切り捨ての防止

Question

Jquerymobile の折りたたみ可能なヘッダーでテキストが切り捨てられないようにするにはどうすればよいですか。私が試してみました

.ui-mobile .ui-page .ui-content .ui-collapsible .ui-collapsible-heading .ui-btn-text {
  white-space: normal;
 }

.ui-mobile .ui-page .ui-content .ui-collapsible .ui-collapsible-heading .ui-btn-text {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow:ellipsis;
}