用按钮更改CSS模型

时间:2016-08-04 13:38:42

标签: css angularjs cordova

在我的Cordova应用程序中,我想有两个按钮:

  • 小文:一个用我的div加载特殊课程
  • 大文:另一个为我的div加载另一个类

用于更改div中文本的大小。

这是可能的,如果是的话,怎么样?

由于

1 个答案:

答案 0 :(得分:1)

不确定您是否尝试过,因为您没有提供太多信息,但它应该指向正确的方向:



.text-lg {
  font-size: 30px;
}

.text-sm {
  font-size: 10px;
}

<!DOCTYPE HTML>
<html ng-app>

<head>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular.min.js"></script>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css" />
</head>

<body>
  <div class="col-md-12">    
    <span ng-class="radio">Text</span>
    <div class="radio">
      <label>
        <input type="radio" value="text-lg" ng-model="radio">Big text
      </label>
      <label>
        <input type="radio" value="text-sm" ng-model="radio">Small text
      </label>
    </div>
  </div>
</body>

</html>
&#13;
&#13;
&#13;