У меня есть следующий код HTML, чтобы сделать текстовое поле.Переопределить 2 настройки текстового поля
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<title>Title</title>
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.4.min.js"></script>
<link href="Office.css" rel="stylesheet" type="text/css" />
<script src="https://appsforoffice.microsoft.com/lib/1.1/hosted/office.js" type="text/javascript"></script>
<link href="Common.css" rel="stylesheet" type="text/css" />
<script src="Notification.js" type="text/javascript"></script>
<script src="Home.js" type="text/javascript"></script>
<link rel="stylesheet" href="https://appsforoffice.microsoft.com/fabric/1.0/fabric.min.css">
<link rel="stylesheet" href="https://appsforoffice.microsoft.com/fabric/1.0/fabric.components.min.css">
<style>
.ms-TextField.ms-TextField--multiline .ms-TextField-field {
font-family: monospace;
}
</style>
</head>
<body class="ms-font-m">
<div id="content-main">
<div class="padding">
<div class="ms-TextField ms-TextField--multiline">
<textarea class="ms-TextField-field" id="myTextarea" spellcheck=false style="font-size: 16px;">ABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFG</textarea>
</div>
</div>
</body>
</html>
Вот как результат выглядит следующим образом:
Я хотел бы изменить 2 настройки:
1) Я хочу, чтобы высота области текста, чтобы быть больше, например, 8 строк, например
2) Я хочу удалить символ малого треугольника в правом нижнем углу области.
Кто-нибудь знает, как это сделать?
Почему 'утеплитель: 0'? – SoftTimur
@SoftTimur 'textarea' имеет по умолчанию' padding' '1px' Мне просто нравится его сбросить .. ничего особо .. – dippas